Включить отключенное раскрывающееся меню, когда вводится JQuery

Question

Да, я знаю, что этот вопрос звучит так, как будто уже есть множество других тем, на которые он уже получил ответ. Но, к сожалению, нет. В этом случае у меня есть функция JQ, которая автоматически завершает ввод данных пользователем. Например, если пользователь вводит "Ph", тема "Физика" уже отображается в раскрывающемся списке JQ под полем ввода. Пользователь должен будет выбрать больше информации, чем просто этот первый ввод, например, поджанр первого выбранного предмета. Поле поджанра сначала отключается, поэтому пользователь не может сделать ничего плохого, и, конечно, поджанры зависят от первого выбора. Итак, как я могу активировать / включить этот выпадающий выбор, когда первый JQ-ввод выглядит так:

$(function() {
var availableKapitel = [
    "Analytische Geometrie",
    "Angewandte Mathematik",
    "Bruchrechnung und rationale Zahlen",
    "etc."
];
$( "#kapitel" ).autocomplete({
source: availableKapitel
});
});

Я попробовал это с чем-то вроде этого, но, конечно, это не сработает, так как я не знаю, как сказать один из вариантов выше, как вести себя так, как если бы у них был конкретный идентификатор

$("#kapitel").click(function() {
$("availableKapitel").attr("enabled", true);
});

Выключенное раскрывающееся меню, которое следует включить после выбора одного из параметров в раскрывающемся списке автозаполнения JQ, выглядит следующим образом:

<div class="ui-widget" id="sub">
<label for="kapitel">Unterkapitel</label><br/>
<select disabled="disabled" id="subkap">
  <option>--Zuerst Fach/Kapitel auswählen--</option>
  <option>Ähnliche Dreiecke</option>
  <option>Cosinus</option>
  <option>etc.</option>
</select>
</div>

Answer 1

Вот оно: Вам нужно использовать событие select автозаполнения jquery:

$( "#kapitel" ).autocomplete({
source: availableKapitel,
select: function (event, ui) {
$('#subkap').prop('disabled',false);        
}
});

Скрипка: http://jsfiddle.net/sarcastic/7qN2v/1/