下拉选择框选项在 Chrome 浏览器中不起作用答案

【问题标题】：dropdown select box option not working in chrome browser下拉选择框选项在 Chrome 浏览器中不起作用
【发布时间】：2016-09-28 15:20:20
【问题描述】：

当我在 Firefox 中选择英语语言时，警报来了，但是当我

在 chrome 中选择它然后警告不显示。我不知道那里有什么问题。

下面是选择框的代码：

<select name="setlanguage" id="setlanguage" class="language" data-ng-model="setlanguage">

<option  onclick="alert();"><span>English</span></option>

<option><span>French</span></option>

</select>

【问题讨论】：

你在select而不是单独的option上设置事件处理程序
您可以使用 onchange 事件处理程序来代替选项。
选项不会在所有浏览器中始终触发鼠标事件，所以如上所述，在选择元素上使用change 事件
它在 chrome 中工作任何类型的事件都不会在 chrome 的选择框中生成。
这与PHP或CSS无关？

标签： javascript php html css angularjs

【解决方案1】：

在选择标签上使用 onchange--

<select name="setlanguage" id="setlanguage" class="language" onchange="alert('worked')" data-ng-model="setlanguage">
     <option>English</option>
     <option>French</option>
</select>

【讨论】：

你好 sheetal 它工作正常，但我不知道为什么在 chrome 中没有出现 onclick 事件，请告诉我。
有些浏览器不支持onclick on select标签选项，chrome就是其中之一