javascript下拉框选项单击事件实例分享
我是一个从事前端开发的技术员。下拉框是一个相对多的页面元素,我们使用。今天,我将谈谈一些下拉框注册事件的例子,并结合我在实际工作中遇到的问题,希望能对您有所帮助。复制代码代码如下所示:
U3000 U3000
一
二
三
U3000 U3000
以上是一个非常简单的单选择下拉框代码,如果我们想通过点击下拉选项获得相应的值,一般代码如下所示:
复制代码代码如下所示:
VaR的SEL = document.getelementbyid(自我);
期权= sel.options;
对于(var i = 0;i < option.length;i++){
我选择{ }。onclick =函数(){
警报(此文本);获取选项值下拉文本
警报(此值);获取下拉选项值值
}
}
上面的代码不能在IE9和Chrome上产生预期的效果,是有效的在Firefox。针对这种情况,建议不要绑定单击事件的选项。建议使用更改事件代替,因为更改是通用的,本质上是变化的。
复制代码代码如下所示:
VaR的SEL = document.getelementbyid(自我);
选择onchange =函数(){
警报(SEL。选择{选择。SelectedIndex }。值);
}
以上是本文的全部内容,希望大家能喜欢。