onclick 事件不适用于选项

2023-12-29

以下是我的代码,在 Firefox 中运行良好,但在 chrome 中则不行。 请让我知道如何解决这个问题。主要思想是根据选择框的选定值调用js函数:

<select onselect="question_type(this.value);" name="qtype" id="qtype" class="form-control input-lg" required>
    <option value="">-- Select question type for this quiz --</option>
    <option onclick="question_type(this.value);" value="mcq">1) MCQs</option>
    <option onclick="question_type(this.value);" value="tf">2) True/False</option>
</select>

options 在 chrome 中不会触发鼠标事件。

For a select你会使用的元素onchangeselect 本身的事件,并且 select 的值将始终与所选选项相同

<select onchange="question_type(this.value);" name="qtype" id="qtype" class="form-control input-lg" required>
    <option value="">-- Select question type for this quiz --</option>
    <option value="mcq">1) MCQs</option>
    <option value="tf">2) True/False</option>
</select>

有了 jQuery 就可以了

$('select').on('change', function() {
    var selected = this.value;
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

onclick 事件不适用于选项 的相关文章