search inside a option

**Lozu** · 09-22-2010, 09:08 AM

I saw a script where when you type someword in textbox and the option field also highlighting the word if was exist in the option field.

for example:

do anyone know any script, thanks!

**vwphillips** · 09-22-2010, 04:13 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/

function Select(ip,sel){
 sel=document.getElementById(sel);
 var opts=sel.options;
 var txt=ip.value.split(' ');
 for (var s,z0=0;z0<opts.length;z0++){
  opts[z0].selected=false;
  s=opts[z0].text.split(' ');
  for (var z0a=0;z0a<txt.length;z0a++){
   for (var z0b=0;z0b<s.length;z0b++){
    if (txt[z0a]&&s[z0b]&&txt[z0a].toUpperCase()==s[z0b].toUpperCase()){
     opts[z0].selected=true;
    }
   }
  }
 }
}

/*]]>*/
</script>
</head>

<body>
<input name="fred" onkeyup="Select(this,'tst');"/>
<select name="tst" size="3" multiple="multiple">
 <option>Tom</option>
 <option>****</option>
 <option>Harry Tom</option>
</select>
</body>

</html>

**Lozu** · 09-23-2010, 03:48 AM

thank you so much, but doesn't seems to highlight anything.
sorry to be rude at the 1st time.

**vwphillips** · 09-23-2010, 08:46 AM

oops

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/

function Select(ip,sel){
 sel=document.getElementById(sel);
 var opts=sel.options;
 var txt=ip.value.split(' ');
 for (var s,z0=0;z0<opts.length;z0++){
  opts[z0].selected=false;
  s=opts[z0].text.split(' ');
  for (var z0a=0;z0a<txt.length;z0a++){
   for (var z0b=0;z0b<s.length;z0b++){
    if (txt[z0a]&&s[z0b]&&txt[z0a].toUpperCase()==s[z0b].toUpperCase()){
     opts[z0].selected=true;
    }
   }
  }
 }
}

/*]]>*/
</script>
</head>

<body>
<input name="fred" onkeyup="Select(this,'tst');"/>
<select id="tst" size="3" multiple="multiple">
 <option>Tom</option>
 <option>****</option>
 <option>Harry Tom</option>
</select>

</body>

</html>

**Lozu** · 09-24-2010, 01:34 AM

thanks you so much... works 100%.

Thread: search inside a option

Thread Tools

Search Thread

search inside a option

The Following User Says Thank You to vwphillips For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions