Question

HTML“select”元素是否具有on select事件？这个活动的名称究竟是什么？

Answer 1

onchange您要找的是什么？

Answer 2

值得一提的是，如果选择没有改变，这不会触发（似乎是自我解释）。据我所知，当用户下拉选择框然后重新选择原始值时，不会触发事件。

Answer 3

jQuery将它包装在.change帮助器中。如果使用普通Javascript，请使用addEventListner('change', function...)：

<html>
<head>
    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript">

// If using jQuery
$(document).ready( function() {
    $("#list").attr( "selectedIndex", -1 );
    $("#list").change( function() {
        $("#answer").text( $("#list option:selected").val() );
    });
});
    </script>

    <script type="text/javascript">

// Plain Javascript:
document.addEventListener('DOMContentLoaded', function(event) {
    var selectList = document.getElementById("list");
    var divAnswer  = document.getElementById("answer");
    selectList.addEventListener("change", function(changeEvent) {
        divAnswer.textContent = selectList.value;
    });
});
    </script>

</head>
<body>
    <div id="answer">No answer</div>
    <form>
        Answer
        <select id="list">
            <option value="Answer A">A</option>
            <option value="Answer B">B</option>
            <option value="Answer C">C</option>
        </select>
    </form>
</body>
</html>

Answer 4

无论输入类型如何，只要表单输入更改值，就应始终抛出onchange事件。（除了按钮之外，因为它们不是真正的输入设备。）

HTML <select>选择事件的名称是什么？</select>

4 个答案: