Search & only display matching options in a Select multi list

$30-250 USD

Concluído

Publicado

há aproximadamente 10 anos

$30-250 USD

Pago na entrega

I have code that works in Firefox, but doesn't work in IE. The problem with IE is "The option tag doesn't support the CSS display attribute". How would I solve this so that it is cross browser compatible. I would prefer vanilla JavaScript but jQuery could be used as a last resort. - As data is entered in or removed from a search box only matching OPTIONs should display in SELECT. Example: [login to view URL] +--------------------------------------+ <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Search in Select Multi Drop Down List</title> <script type='text/javascript'> function searchSelect(searchForID, searchInID) { var input = [login to view URL](searchForID).[login to view URL](); var output = [login to view URL](searchInID).options; for (var i = 0; i < [login to view URL]; i++) { if (output[i].[login to view URL]().indexOf(input) < 0) { output[i].[login to view URL] = "none"; output[i].setAttribute('style', 'display:none'); } else { output[i].[login to view URL] = ""; output[i].setAttribute('style', 'display:'); } } } </script> </head> <body> Search: <input type="text" size="25" ID="searchFor" onkeyup="searchSelect([login to view URL],'searchIn')"> <br /> <select size="3" multiple="multiple" name="searchIn" id="searchIn"> <option value="abc">Option abc</option> <option value="123">Option 123</option> <option value="abc123">Option abc123</option> <option value="xyz">Option xyz</option> <option value="789">Option 789</option> <option value="xyz789">Option xyz789</option> </select> </body> </html>

CSS

HTML

JavaScript

ID do Projeto: 5718132

Sobre o projeto

17 propostas

Projeto remoto

Ativo há 10 anos

Quer ganhar algum dinheiro?

Endereço de e-mail

Benefícios de ofertar no Freelancer

Defina seu orçamento e seu prazo

Seja pago pelo seu trabalho

Descreva sua proposta

É grátis para se inscrever e fazer ofertas em trabalhos

Concedido a:

@cybernirav

Based on your description, here's the solution...Enjoy! [login to view URL] <script type='text/javascript'> [login to view URL] = function () { setOptions("searchIn"); } var optionArray = [["abc","Option abc"], ["123","Option 123"], ["abc123","Option abc123"], ["xyz","Option xyz"], ["789","Option 789"], ["xyz789","Option xyz789"]]; function setOptions(searchInID) { var theSelect = [login to view URL](searchInID); for (var i = 0; i < [login to view URL]; i++) { var optn = [login to view URL]("OPTION"); [login to view URL] = optionArray[i][0]; [login to view URL] = optionArray[i][1]; [login to view URL](optn); } } function searchSelect(searchForID, searchInID) { var input = [login to view URL](searchForID).[login to view URL](); var theSelect = [login to view URL](searchInID); for (var i = 0; i < [login to view URL]; i++) { [login to view URL](i); i--; } for (var i = 0; i < [login to view URL]; i++) { if (optionArray[i][1].toLowerCase().indexOf(input) >= 0) { var optn = [login to view URL]("OPTION"); [login to view URL] = optionArray[i][0]; [login to view URL] = optionArray[i][1]; [login to view URL](optn); } } } </script> HTML: Search: <input type="text" size="25" ID="searchFor" onkeyup="searchSelect([login to view URL],'searchIn')"> <br /> <select size="3" multiple="multiple" name="searchIn" id="searchIn"></select>

$100 USD em 1 dia

0,0

(0 avaliações)

0,0

17 freelancers estão ofertando em média $91 USD for esse trabalho

@niravvirani17

Ready to start "Right Now" Give me chance to prove my ability and also quality work i am waiting your positive replay from your side i am highly interested to work with you

$144 USD em 3 dias

4,9

(115 avaliações)

5,9

@ecartsolutions

Hello Sir I am PHP-Mysql Javascript expert. The trick is to create an overlay with just the options shown and on update the corresponding options clicked. I can get it done for you. not a problem.. give me a few minutes and i will check up the code you currently have. Feel free to discuss anything in the message board and we cna work it out. Regards Hari

$70 USD em 1 dia

5,0

(53 avaliações)

4,9

@serverfireteam

Hi , How are you ? i hope you enjoy my last work i did for you , i will do this with some js tricklet , lets do this too :)

$66 USD em 1 dia

4,9

(4 avaliações)

3,3

@mysticwanderer70

Hi, my name is Joe. I've created a code written solely in Javascript that works in all the major browsers. Please message me if you are interested. Thanks.

$30 USD em 0 dia

4,9

(9 avaliações)

3,3

@AlexDB

Hi, I am a professional web developer at a firm Romania. I know that I don't have a lot of reviews but I am sure that I can help you will be happy with the work I will do. This doesn't work for me at all in chrome, but if you want I can rewrite it for you. Regards,Alex

$30 USD em 1 dia

5,0

(2 avaliações)

1,1

@jasonwilczak

I have a simple solution for handling this. I've done it multiple times, even with dynamic lists. I can get it done in less than a couple hours.

$111 USD em 1 dia

4,0

(1 avaliação)

1,0

@pursuitvision

Hi, Gone through your requirement. we are ready to do your work without any initial payment. PM us. Add me in skype dotventure2013 We have experts in Joomla, Ecommerce, Drupal, Wordpress, Woocommerce,Magento, Responsive sites using Bootstrap, Android, IOS, DotNet,MVC, SQL, PHP, Mysql, Voip, Unity, Video Editing, Etc My name is Keshav, the Business Development Executive and will help you in managing your project from concept to completion with proper communication, meeting quality standards while also understanding the project scope, time and budget. • We are strong knowledge and 6 years expertise in ERP, CRM, Web Development and Game Development. • I will be available on Email & Chat as per the clients’ timings & convenience. Thanks and regards, Keshav

$155 USD em 20 dias

0,0

(0 avaliações)

0,0

@sifefoster

A proposal has not yet been provided

$155 USD em 3 dias

0,0

(0 avaliações)

0,0

@xuyonggang

How would I solve this so that it is cross browser compatible. I would prefer vanilla JavaScript but jQuery could be used as a last resort. Pure JS, do not use jQuery. I've got

$30 USD em 1 dia

0,0

(0 avaliações)

0,0

@schowdhuri

Hi, Thanks for precise description of the problem. I can get this done in a couple of hours using plain (vanilla) Javascript. I assure you that the solution will be compatible with all mainstream browsers. About me: I am a software engineer, working full-time as a web-developer for the last 10 years. I have worked on enterprise-scale web-applications, research projects involving machine-learning and image processing, and trained over a hundred software professionals in web-technologies. I also freelance as a graphics artist, Java programmer, UX/UI consultant. Please drop me a PM if you have any queries. Regards, Subir

$100 USD em 1 dia

0,0

(0 avaliações)

0,0

@htmlwriter

Hi, I have 4 years of experience in Html, css, javascript development. I have tested the search code in all major browsers like IE9, IE8,Chrome,Firefox. Your select box problem is solved without using jquery. Thank you, UI developer

$222 USD em 0 dia

0,0

(0 avaliações)

0,0

@iphonedev311

Hi! Your problem is very interesting. I can help you. well,i'd like to know the IE version. We can achieve the good result. waiting ur reply. thank you. *************************** Hi! I had completed your task. Please call me. thanks.

$50 USD em 1 dia