【问题标题】:Enable a disabled dropdown menu when JQuery input is given给定 JQuery 输入时启用禁用的下拉菜单
【发布时间】:2013-10-21 18:38:03
【问题描述】:

是的,我知道这个问题听起来已经有很多其他线程已经回答过了。但不幸的是没有。 在这种情况下,我有一个自动完成用户输入的 JQ 函数。就像用户键入“Ph”一样,完整的主题“物理”已经显示在输入字段下的 JQ 下拉列表中。用户将不得不选择比第一个输入更多的信息,例如第一个选择的主题的子类型。子流派字段首先被禁用,因此用户不会出错,当然子流派取决于第一个选择。那么,当有这样的第一个 JQ 输入时,如何激活/启用此下拉选择:

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

我用类似的方法尝试过,但当然不行,因为我不知道如何告诉上面的选择之一如何表现得像他们有特定的 ID 一样

$("#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>

【问题讨论】:

  • 我认为这行 $("availableKapitel").attr("enabled", true);实际上应该是 $("availableKapitel").removeAttr("disabled");

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


【解决方案1】:

这里是: 需要用到jquery autocomplete的select事件:

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

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

【讨论】:

    猜你喜欢
    • 2016-04-29
    • 1970-01-01
    • 1970-01-01
    • 2012-07-19
    • 1970-01-01
    • 1970-01-01
    • 2013-06-13
    • 2019-01-19
    • 1970-01-01
    相关资源
    最近更新 更多