Php 使用选择自动完成的ajax方法
我正在尝试使用select或autocomplete本身修改此select for autocomplete,但在我的实现下面没有成功Php 使用选择自动完成的ajax方法,php,jquery,ajax,autocomplete,jquery-chosen,Php,Jquery,Ajax,Autocomplete,Jquery Chosen,我正在尝试使用select或autocomplete本身修改此select for autocomplete,但在我的实现下面没有成功 HTML 此chckbox的每个操作都用返回代码填充select <div class="form-group"> <input type="checkbox" name="resale" id="resale" value=&q
- HTML
<div class="form-group">
<input type="checkbox" name="resale" id="resale" value="1" data-toggle="toggle"
data-on="Yes" data-off="No" onchange="getProcessesRosale()" />
</div>
<select name="number_proc" id="number_proc" class="form-control" onchange="getProducts()"> </select>
AJAX/JS
function getProcessesRosale() {
$.ajax({
url: './getProcessesRosale',
dataType: 'json',
type: 'get',
data: {
'client': $('#cgc').val()
},
success: function(data) {
$('#number_proc').find('option').eq(0).text('');
var htm = '';
$('#number_proc').find('.forpgto').remove();
for (var i in data) {
if(data[i].saldo != "0"){
alert(data[i].cod_devolution);
htm += `<option value="`+ data[i].cod_devolution+`" class="forpgto">`+ data[i].cod_devolution+ `</option>`;
}
}
$('#number_proc').append(htm);
},
error: function(data) {
}
});
}
函数getProcessResole(){
$.ajax({
url:“./GetProcessResole”,
数据类型:“json”,
键入:“get”,
数据:{
'客户':$('#cgc').val()
},
成功:功能(数据){
$('#number_proc').find('option').eq(0).text('');
var htm='';
$('#number_proc')。查找('.forpgto')。删除();
用于(数据中的var i){
if(数据[i].saldo!=“0”){
警报(数据[i]。cod_转移);
htm+=``+数据[i].cod_下放+``;
}
}
$('#number_proc')。追加(htm);
},
错误:函数(数据){
}
});
}
由于这些方法,我选择了总体,但现在已经发生了变化,我们需要制定一个允许研究的sleect,但我尝试导入并实现所选的jquery和autocomplete,但没有成功,有人可以提供一个示例和如何解决它的建议。提前感谢您的帮助您需要使用$(“#number_proc”).choosed()
初始化选中的选择框,然后每当在此选择框内添加新选项时,您可以使用触发器(“selected:updated”)
使用更新的内容重新构建/刷新选中的选择框
演示代码:
$(“#编号#过程”)。已选择({
宽度:“95%。”
}); //初始化所选的选择框
//只是虚拟数据。。
风险值数据=[{
“cod_权力下放”:“mno”,
“萨尔多”:“1”
}, {
“cod_权力下放”:“xyz”,
“萨尔多”:“2”
}, {
“cod_权力下放”:“hef”,
“萨尔多”:“3”
}]
函数getProcessResole(){
/*$.ajax({
//其他代码。。
成功:功能(数据){
$('#number_proc').find('option').eq(0).text('');
var htm='';
$('#number_proc')。查找('.forpgto')。删除()*/
var htm;//你在外面吗
htm+=`选择`
用于(数据中的var i){
if(数据[i].saldo!=“0”){
htm+=``+数据[i].cod_下放+``;
}
}
$('#number_proc').html(htm);//use.html
$(“#number_proc”).trigger(“selected:updated”);//使用新选项更新selectbox
/* },
错误:函数(数据){
}
});*/
}
挑选
abc
赫夫
您需要使用$(“#number_proc”).choosed()
初始化选中的选择框,然后每当在此选择框内添加新选项时,您可以使用触发器(“selected:updated”)
使用更新的内容重新构建/刷新选中的选择框
演示代码:
$(“#编号#过程”)。已选择({
宽度:“95%。”
}); //初始化所选的选择框
//只是虚拟数据。。
风险值数据=[{
“cod_权力下放”:“mno”,
“萨尔多”:“1”
}, {
“cod_权力下放”:“xyz”,
“萨尔多”:“2”
}, {
“cod_权力下放”:“hef”,
“萨尔多”:“3”
}]
函数getProcessResole(){
/*$.ajax({
//其他代码。。
成功:功能(数据){
$('#number_proc').find('option').eq(0).text('');
var htm='';
$('#number_proc')。查找('.forpgto')。删除()*/
var htm;//你在外面吗
htm+=`选择`
用于(数据中的var i){
if(数据[i].saldo!=“0”){
htm+=``+数据[i].cod_下放+``;
}
}
$('#number_proc').html(htm);//use.html
$(“#number_proc”).trigger(“selected:updated”);//使用新选项更新selectbox
/* },
错误:函数(数据){
}
});*/
}
挑选
abc
赫夫
谢谢。好吧,还有一件事。我希望选项只在输入2位代码后出现,在隐藏之前,您知道如何实现其插件默认行为。但是,可能会有帮助。谢谢你正确地操作了示例谢谢。好吧,还有一件事。我希望选项只在输入2位代码后出现,在隐藏之前,您知道如何实现其插件默认行为。但是,也许会有帮助。谢谢你正确地处理了这个例子