谈谈如何给下拉框option添加点击事件?
我们在⽤到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本⾝没有触发事件⽅法,我们只有在select⾥的onchange⽅法⾥触发。
想添加⼀个option的触发事件,在option中添加onclick 点来点去就是不会触发事件
⼜在select中添加onclick 这下可好了,没选option呢就触发了
百度来的说option没有触发事件,需要在select中加onchange事件,虽然我曾经处理过类似的问题,⽤过就忘是不是猪脑⼦....
这次记住了吧应该
当我们触发select的双击事件时,⽤ondblclick⽅法。
当我们要取得select的选中事件时,⽤document.all['name'].value来获取,其中name是select的名称。
如果我们要得到select的全部的值就⽤⼀个for循环来实现。
<select name="myselect" id="myselect">
<option value="opt1">选项1</option>
<option value="opt2">选项2</option>
jquery获取下拉框选中值<option value="opt3">选项3</option>
</select>
$("#myselect").change(function(){
var opt=$("#myselect").val();
...
});
Javascript获取select下拉框选中的值
现在有⼀id=test的下拉框,怎么拿到选中的那个值呢?
分别使⽤javascript原⽣的⽅法和jquery⽅法
<select id="test"  name="">
<option  value="1">text1</option>
<option  value="2">text2</option>
</select>
code:
⼀:javascript原⽣的⽅法
1:拿到select对象: var  ElementById("test");
2:拿到选中项的索引:var index=myselect.selectedIndex ;            // selectedIndex代表的是你所选中项的index  3:拿到选中项options的value:  myselect.options[index].value;
4:拿到选中项options的text:  myselect.options[index].text;
⼆:jquery⽅法(前提是已经加载了jquery库)
1:var options=$("#test option:selected");  //获取选中的项
2:alert(options.val());  //拿到选中项的值
3:());  //拿到选中项的⽂本