javascript - onclick 事件不适用于选项

Question

以下是我的代码，在 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>

Answer 1

选项不会在 Chrome 中触发鼠标事件。

对于 select 元素，您可以在 select 本身上使用 onchange 事件，并且 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;
});