Javascript HTML<；选择>；选择事件的名称是什么？_Javascript_Jquery_Html_Html Select

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

javascript jquery html

Javascript HTML<；选择>；选择事件的名称是什么？,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,HTML“select”元素是否有on select事件？事件的确切名称是什么？是您要查找的吗？无论输入类型如何，只要表单输入更改值，都应始终引发onchange事件。（按钮除外，因为它们本身并不是真正的输入设备。） jQuery将其包装在.change帮助程序中。如果使用纯Javascript，则使用addEventListner（'change'，function…）： //如果使用jQuery $（文档）.ready（函数（）{ $（“#列表”）.attr（“selectedIndex”

HTML“select”元素是否有on select事件？事件的确切名称是什么？

是您要查找的吗？

无论输入类型如何，只要表单输入更改值，都应始终引发

onchange

事件。（按钮除外，因为它们本身并不是真正的输入设备。）

jQuery将其包装在

.change

帮助程序中。如果使用纯Javascript，则使用

addEventListner（'change'，function…）

：


//如果使用jQuery
$（文档）.ready（函数（）{
$（“#列表”）.attr（“selectedIndex”，-1）；
$（“#列表”）.change（函数（）{
$（“#答案”）.text（$（“#列表选项：选中”）.val（）；
});
});
//纯Javascript：
document.addEventListener（'DOMContentLoaded'，函数（事件）{
var selectList=document.getElementById（“列表”）；
var divAnswer=document.getElementById（“答案”）；
selectList.addEventListener（“更改”，函数（更改事件）{
divAnswer.textContent=selectList.value；
});
});
没有回答
答复
A.
B
C

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

值得注意的是，当您使用时，事件会在选择时立即触发，而对于文本输入之类的内容，直到您离开字段后才会触发。复选框和单选按钮与onchange配合得很好，因此最好使用onclick来实现这些功能。这个世界不是jQuery。如果O.P.没有明确要求使用jQuery，那么最好使用通用JS响应。@wakeless谢谢，我知道在Google上搜索这一边缘案例会很困难。很高兴你提到了用户选择相同值的问题。

<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>