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) //判断optiontext是否包含keyword

            {

                myselect.options[i].selected=true;//选中

                j++;//统计

            }

            else

            {

                myselect.options[i].selected=false; //不包含keywords的取消选中,不加此句,会重复选择

            }

        }

        alert("找到了"+j+"")

    }

</script>

 

posted on 2009-04-24 09:43  alon  阅读(1237)  评论(0编辑  收藏  举报

导航