[英]“[object Object]” showing in input field with bootstrap3-typeahead and tagsinput
當一個標簽被選中時,標簽被正確添加,但文本[object Object]被附加到輸入框中。 (見下圖)
我正在使用 Bootstrap 3、JQuery、Bootstrap3-typeahead 和 bootstrap-tagsinput(所有最新版本)
該表單位於模態窗口中。
這是代碼:
jQuery('#banner_geo_locations').tagsinput({
itemValue: 'value',
itemText: 'text',
typeahead: {
displayKey: 'text',
source: function (query) {
return jQuery.get("http://dev.marijuanaweeklycoupons.com/?action=ajax|cityStateSsearchTags&PageSpeed=off&q=" + query);
}
}
});
阿賈克斯看起來像:
[{"value":"2908762","text":"Dixon Corner, AL"},
{"value":"2956030","text":"Dixon Corner, ME"},
{"value":"3008251","text":"Dixon Corner, PA"},
{"value":"2931983","text":"Dixon Crossroads, GA"},
{"value":"3017149","text":"Dixon Crossroads, SC"},
{"value":"2959449","text":"Dixon Estates, MD"},
{"value":"2959450","text":"Dixon Hill, MD"},
{"value":"2993971","text":"Dixon Landing, NC"},
{"value":"2908763","text":"Dixon Shop, AL"},
{"value":"2938722","text":"Dixon Springs, IL"}]
在小提琴中看到它
這是圖書館的問題。
添加以下內容可以解決問題:
afterSelect: function(val) { this.$element.val(""); },
像這樣,
jQuery('#banner_geo_locations').tagsinput({
itemValue: 'value',
itemText: 'text',
typeahead: {
displayKey: 'text',
afterSelect: function(val) { this.$element.val(""); },
source: function (query) {
return jQuery.get(current_web_root + "?action=ajax|cityStateSearchTags&PageSpeed=off&q=" + query);
}
}
});
見 jsfiddle
幸運的愛德華,它有效,謝謝。
<script>
var elt = $('#inputSoftwareList');
elt.tagsinput({
itemValue: 'value',
itemText: 'text',
typeahead: {
source: function(query) {
return $.getJSON('cities.json');
},
afterSelect: function(val) { this.$element.val(""); }
}
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.