在给出JQuery输入时启用禁用的下拉菜单

时间:2013-10-21 10:12:42

标签: jquery drop-down-menu input autocomplete isenabled

是的,我知道这个问题听起来已经有很多其他线程已经得到了解答。但不幸的是没有。 在这种情况下,我有一个JQ函数,它自动完成用户输入。就像用户键入“Ph”一样,完整主题“Physics”已经显示在输入字段下的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>

1 个答案:

答案 0 :(得分:0)

这是: 您需要使用jquery自动完成的select事件:

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

小提琴:http://jsfiddle.net/sarcastic/7qN2v/1/