我正在使用
select2
使用jquery进行自动建议的插件,但它在现有文本字段的基础上添加了一个新的文本字段。我在下面提供我的代码。
<div class="col-md-3 form-group">
<div class="">
<label class="control-label go-right">Select City</label>
</div>
<input type="text" id="currentlocationlist" class="form-control">
</div>
$("#currentlocationlist").select2({
placeholder:'Enter location name',
minimumInputLength: 3,
width:'100%',
maximumSelectionSize: 1,
initSelection:function(element, callback){
var data = {id: "1", text: " "};
callback(data);
},
ajax:{
url: "<?php echo base_url(); ?>admin/ajaxcalls/locationsList",
dataType: 'json',
data: function (term, page) {
return {
query: term, // search term
};
},
results: function (data, page) {
return {results: data};
}
}
})
$("#currentlocationlist").on("select2-selecting", function(e) {
$("#currentlocationlist").val(e.val);
});
在这里,所有的工作如预期,但一个新的文本字段是重叠现有的,屏幕截图如下。
在这里,我需要将两个文本字段合并为一个。