為什么jQuery更改事件不能與select選項一起使用？

Question

當第一個select元素（id = ANSWER.TTQ.MENSYS.9。）中的值發生更改時，以下代碼應啟用第二個select元素（id = ANSWER.TTQ.MENSYS.8。），但它不起作用，我已經用盡了我能想到的所有選項，包括已在本網站上提出的那些選項。 （注意：元素ID必須是這些值，因此我不使用＃來選擇它們，因為這不起作用）。

$(document).ready(function() {

 $("input[id='ANSWER.TTQ.MENSYS.9.']").bind('change',function() {
   alert ('this script runs');  
   $("input[id='ANSWER.TTQ.MENSYS.8.']").removeAttr('disabled');

 });
});

如果我用一個按鈕替換啟用的select（id = ANSWER.TTQ.MENSYS.9。），並用一個click事件替換change事件; 有用。 那么為什么不在select元素上使用change事件呢？

謝謝您的幫助。

Answer 1

首先，您可以使用#字符通過id進行選擇。 其次你需要逃避. 在id屬性中，否則選擇器引擎將查找具有id ANSWER的元素，該元素也具有TTQ ， MENSYS和9作為類。 嘗試這個：

$("#ANSWER\\.TTQ\\.MENSYS\\.9\\.").bind('change', function () {
    alert('this script runs');
    $("#ANSWER\\.TTQ\\.MENSYS\\.8\\.").removeAttr('disabled');
});

示例小提琴

Answer 2

$(document).ready(function() {

 $("#ANSWER.TTQ.MENSYS.9.").bind('change',function() {
   alert ('this script runs');  
   $("#ANSWER.TTQ.MENSYS.8.").removeAttr('disabled');

 });
});

select不input （即文本輸入）