Почему событие изменения jQuery не работает с опцией выбора?

Question

Следующий код должен включать второй элемент select (id = ANSWER.TTQ.MENSYS.8.), Когда значение в первом элементе select (id = ANSWER.TTQ.MENSYS.9.) Изменяется, но это не и я исчерпал все варианты, о которых я могу думать, в том числе предлагаемые уже на этом сайте. (ПРИМЕЧАНИЕ: идентификаторы элементов должны быть этими значениями, поэтому я не использую # для их выбора, так как это не работает).

$(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?

Благодарим за помощь.

Answer 1

Во-первых, вы можете выбрать по 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

Answer 2

$(document).ready(function() { 

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

}); 
}); 

select не input (т.е. ввод текста)