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

0

Да, я знаю, что этот вопрос звучит так, как будто уже есть много других тем, на которые уже был дан ответ. Но, к сожалению, нет. В этом случае у меня есть функция 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 auto-complete, выглядит следующим образом:

<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>
  • 0
    Я думаю, что эта строка $ ("availableKapitel"). Attr ("enabled", true); на самом деле должно быть $ ("availableKapitel"). removeAttr ("disabled");
Теги:
input
drop-down-menu
autocomplete
isenabled

1 ответ

0
Лучший ответ

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

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

Сценарий: http://jsfiddle.net/sarcastic/7qN2v/1/

  • 0
    Это работает отлично, большое спасибо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню