HTML <select>select事件的名称是什么?
HTML“select”元素是否有select事件? 这个活动的名字到底是什么?
你在找什么?
还值得一提的是,如果select没有改变,这不会触发(似乎不言自明)。 据我所知,当用户下拉select框然后重新select原始值时,没有事件触发。
这是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>
无论inputtypes如何,只要表单input更改值,就应始终引发onchange
事件。 (除了button,因为它们不是真正的input设备)。