js搜索select内容并多选select
公司有套系统,select菜单存放了分类,实在是太多了,每次找类别的时候很困难,做了个搜索
写了注释,大家可以参考
<form id="form1" name="form1" method="post" action="">
<select name="select" size="20" id="myselect" multiple="multiple">
<option value="11">111444</option>
<option value="22">211144</option>
<option value="33">311155</option>
<option value="44">422355</option>
<option value="55">533333</option>
</select>
<input name="keywords" type="text" id="keywords">
<input type="button" name="button" id="button" value="给我搜他" onClick="selectOne(document.getElementById('keywords').value)">
</form>
<script language="javascript">
//参数keywords---输入的keyword selectindex --- 指定select集合的索引值
function selectOne(keywords,selectindex)
{
keywords=keywords.replace(/ /g,"") //去掉空格
var myselect=document.getElementById("myselect") //得到select对象
var j=0; //数据统计
for(i=0;i<myselect.length;i++)// 循环option
{
if(myselect.options[i].text.indexOf(keywords)!=-1) //判断option的text是否包含keyword
{
myselect.options[i].selected=true;//选中
j++;//统计
}
else
{
myselect.options[i].selected=false; //不包含keywords的取消选中,不加此句,会重复选择
}
}
alert("找到了"+j+"项")
}
</script>
![](http://hiphotos.baidu.com/atmo/pic/item/a4b5c61872d7eda24bedbc14.jpg)