我希望用户选择一家公司,然后选择该公司的员工。我看到了类似的问题,最相似的是这个,但我希望两个输入都是自动完成的。
我有以下代码:
<div class="ui-widget">
<label>Company</label>
<input type="text" id="company">
<label>Employee</label>
<input type="text" id="employee">
</div>
$(function() {
var sources = {
"Company ABC": [ "Employee 1", "Employee 2", "Employee 3" ],
"Company CDE": [ "Employee 4", "Employee 5", "Employee 6" ],
"Company EFG": [ "Employee 7", "Employee 8", "Employee 9" ],
"Company GHI": [ "Employee 10", "Employee 11", "Employee 12" ]
}
$("#company").autocomplete({
source: Object.keys(sources)
});
$("#employee").autocomplete({
source: object values from selected object key ????
})
})
我花了几个小时在这上面,我不知道如何写它。任何帮助,将不胜感激。
我在第一次输入时使用了更改事件来在员工输入上设置新源。
$(function() {
var sources = {
"Company ABC": ["Employee 1", "Employee 2", "Employee 3"],
"Company CDE": ["Employee 4", "Employee 5", "Employee 6"],
"Company EFG": ["Employee 7", "Employee 8", "Employee 9"],
"Company GHI": ["Employee 10", "Employee 11", "Employee 12"]
};
$("#company").autocomplete({
source: Object.keys(sources),
change: event => {
$("#employee").autocomplete("option", {
source: sources[event.currentTarget.value]
});
}
});
$("#employee").autocomplete({
source: []
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句