我有兩個從你的問題的理解,我想從兩個觀點來回答:
1)點擊默認自動完成,並進一步看打字的建議。
小提琴:http://jsfiddle.net/9R4cV/768/
代碼:
$(document).ready(function() {
var first = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","force9", "westerners", "sport"];
$("#firstHint").on("click", function(){
$(this).autocomplete("search","");
});
$("#firstHint").autocomplete({
source: first,
minLength:0,
select : function(event, ui){
if(ui.item && ui.item.value){
alert(ui.item.value);
}
}
});
});
需要觸發的文本框中單擊事件自動完成和自動完成設置的minLength爲0。
2)你想在點擊來自第一自動完成任何建議,另一個自動完成:
小提琴:http://jsfiddle.net/9R4cV/765/
代碼:
$(document).ready(function() {
var first = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","force9", "westerners", "sport"];
var second = {
"ask" : ["to","two","three","too"],
"one" : ["great","game","gone","going"],
"tweet" : ["tweeter","twitter","tweety","true"]
}
$("#firstHint").autocomplete({
source: first,
select : function(event, ui){
if(ui.item && ui.item.value){
autoSecond(second[ui.item.value]);
$(this).addClass("hide");
$("#secondHint").removeClass("hide").focus();
}
}
});
function autoSecond(val){
$("#secondHint").autocomplete({
source: val,
select : function(event, ui){
if(ui.item && ui.item.value){
alert(ui.item.value);
}
}
});
}
});
需要隱藏在選擇的第一個建議和秀第一場第二個領域將顯示新的建議。
請讓我知道是否需要任何其他更改。我會根據需要修改我的答案。
按您的要求的新變化: http://jsfiddle.net/9R4cV/771/
什麼是你的'minlength'設置? –
嗨... 您是否希望用戶從第一次自動填充中選擇一些建議,然後基於他的選擇,他應該看到另一個自動填充功能,並提供與第一次自動填充選擇相關的建議? 如果是這樣,我做了一個jsfiddle:請檢查你是否想要這個。 http://jsfiddle.net/9R4cV/765/ 如果您更新確切的要求,我會更新我的答案。 – Nitesh