为什么jQuery改变事件不工作与选择选项

Why does jQuery change event not work with select option?

本文关键字:选择 选项 工作 jQuery 改变 事件 为什么      更新时间:2023-09-26

当第一个选择元素(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');
 });
});

如果我将启用的select (id=ANSWER.TTQ.MENSYS.9.)替换为按钮,将更改事件替换为单击事件;它的工作原理。那么为什么不使用select元素上的change事件呢?

谢谢你的帮助。

首先,您可以使用#字符选择by id。其次,您需要在id属性中转义.,否则选择器引擎将查找id为ANSWER的元素,该元素也具有TTQ, MENSYS9作为类。试试这个:

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

例子小提琴

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

select不是input(即文本输入)