Jquery .change()

Question

由于某些原因，这是没有功能的，任何帮助都值得赞赏。

 <script>
 $(document).ready(function(){
   $('select[name=materialSelect]').change(function(){
    alert("Changed");
   });
 });
</script>
<select name="materialSelect" id="materialSelect">
            <option value="-1">-----Select Material-----</option>
            <option value="0">Material</option>

</select>

Answer 1

您的代码没有任何问题，请注意您已经调用了

$('select[name=materialSelect]').change(function(){
    alert("Changed");
 });

然后加载html。

对于示例绑定，文档加载到调用代码的函数。

Answer 2

已有一个jquery的on change函数可用，您正在将其绑定到body load，这意味着在调用该函数时您的选择不存在，您应该这样做：

$(document).on('change', '#materialSelect', function () {
alert('changed');
});

Answer 3

只要绑定脚本运行时存在HTML元素(绑定事件的HTML元素)，代码就很好。

为了安全起见，始终绑定到父元素(例如body)，它将事件委托给子元素。

所以，试试这个，

 $('body').on('change', 'select[name=materialSelect]', function(){
    alert("Changed");
 });

希望能帮上忙。