9
オートコンプリートの結果をグループ化する必要があり、私はsolutionに続いています。選択した提案のカテゴリをどのように把握できますか?オートコンプリートで選択した要素のカテゴリを調べる方法は?
たとえば、都市カテゴリと国カテゴリがあり、ユーザーが都市の1つを選択するとします。選択したアイテムが都市の一部であり、国のカテゴリではないことを知っていますか(フォームが提出されるとき)?カテゴリ名をユーザーに表示させたくありません。
私がこれまでに発見した何
$.widget("custom.catcomplete", $.ui.autocomplete, {
_renderMenu: function(ul, items) {
var self = this,
currentCategory = "";
$.each(items, function(index, item) {
if (item.category != currentCategory) {
ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
currentCategory = item.category;
}
self._renderItem(ul, item);
});
}
});
マイコード
$(function() {
$("#box1").autocomplete({
source: function(e, r) {
var t, s = "http://localhost:8080/MyProject/autoComplete/box1";
$.ajax({
url: s,
dataType: "json",
data: {
q: e.term
},
success: function(e) {
r(e)
}
})
},
select: function(event, ui) {
if (ui.item) {
alert("box one is seleted");
}
},
}), $("#box2").autocomplete({
source: function(e, r) {
$.ajax({
url: "http://localhost:8080/MyProject/autoComplete/box2",
dataType: "json",
data: {
q: e.term
},
success: function(e) {
r(e)
}
})
},
select: function(event, ui) {
if (ui.item) {
alert("box two is selected");
}
},
})
更新
私はまた、このcodeを見つけたが、カテゴリを見つけ出すことができませんでした。
は、あなたがカテゴリを必要とする理由について詳説するていただけますか? – natedavisolds
@natedavisolds質問で述べたように、カテゴリの中には都市の名前と国の名前があるため、オートコンプリートの値を区別したいと思います。 – Jack
@Jackとあなたは以下の答えに間違っていますか?あなたはフィードバックを与えていません、それは答えがあなたが受け入れている上で探しているカテゴリを提供するように私に見えます。 – Trevor