javascript - 事件处理程序未附加到选择菜单

我正在学习javascript和jquery，但有点卡住了。由于某种原因，事件处理程序未正确附加。我认为.change（）是用于选择菜单的正确选项。

         $('#tier1').change(function(){
            var tier1 = $('#tier1').find(":selected").text();
            if(tier1 != 'Month'){
                $('#tier2').removeAttr("disabled");
            }
         });

最佳答案

您需要采取以下措施。

确保将jQuery库添加到head标记中，
确保将代码包装到$(document).ready(function() { //code });
确保每个ID的DOM是唯一的。
确保存在使用DOM选择的jQuery selector，

例

<head>
   <script src="jQuery.js"></script>
   <Script>
     $(document).ready(function(){
        $('#tier1').change(function(){
            var tier1 = $('#tier1').find(":selected").text();
            if(tier1 != 'Month'){
                $('#tier2').removeAttr("disabled");
            }
         });
     });
   </script>
</head>
<input id="tier1" />