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

Question

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

Jul*_*s A 39 html javascript jquery html-select

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

Answer 1

Jon*_*nan 61

是onchange你在找什么？

Answer 2

小智 25

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

Answer 3

Ale*_*yev 20

这是onchange事件.

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>

Run Code Online (Sandbox Code Playgroud)

世界不是jQuery.如果OP没有明确要求jQuery,可能最好回应一般的JS响应. (15认同)
+1:事实上,我正在寻找一个jQuery解决方案.谢谢. (3认同)

归档时间：	17 年，3 月前
查看次数：	48089 次
最近记录：	9 年，7 月前