在下拉框选中option时,实际上option本身并没有触发事件方法,而是在select的onchange中触发。
现有一个id=test的下拉框
js原生方法:
1)拿到select对象:var myselect=document.getElementById("test");
2)拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3)拿到选中项options的value: myselect.options[index].value;
4)拿到选中项options的text: myselect.options[index].text
jq方法:
1)var options=$("#test option:selected"); //获取选中的项
2)alert(options.val()); //拿到选中项的值
3)alert(options.text()); //拿到选中项的文本
已知选中的值,将它显示在下拉框中:
jq中提供了val()的方法可以进行设置或返回表单字段的值,所以使用val()设置下拉框的值就可以