javascript - 为什么 jQuery 更改事件不适用于选择选项？

Question

当第一个选择元素 (id=ANSWER.TTQ.MENSYS.9.) 中的值更改时，以下代码应启用第二个选择元素 (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');

 });
});

如果我将启用的选择 (id=ANSWER.TTQ.MENSYS.9.) 替换为按钮，并将更改事件替换为单击事件；有用。那么为什么不在 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');
});

Example fiddle