js如何控制select标签哪个被选中

JavaScript014

js如何控制select标签哪个被选中,第1张

JS 控制select选中项,代码如下:

<html>  

  <script type="text/javascript">  

    var selectedValue = '<%= request.getAttribute("line")%>'  

      

    function changeSelected(){  

        jsSelectItemByValue(document.getElementById("mySelect"),selectedValue)  

    }  

      

    function jsSelectItemByValue(objSelect,objItemText) {  

        for(var i=0i<objSelect.options.lengthi++) {  

            if(objSelect.options[i].value == objItemText) {  

                objSelect.options[i].selected = true  

                break  

            }  

        }  

    }  

  </script>  

  

  

  <body onload="changeSelected()">  

    <select id="mySelect" name="mySelect">  

      <option value="0">0</option>  

      <option value="1">1</option>  

      <option value="2">2</option>  

      <option value="3">3</option>  

    </select>  

  </body>  

</html>

方法:

可以使用jQuery的trigger() 方法来响应事件。

定义和用法:

trigger() 方法触发被选元素的指定事件类型。

语法:

$(selector).trigger(event,[param1,param2,...])

参数描述:

event    必需。规定指定元素要触发的事件。可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。   

[param1,param2,...]    可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

实例:

触发 select元素的change事件:

$("button").click(function(){

$("select").trigger("change")

})