Javascript 在为一个输入字段选择一个值后,自动将相应的数据填充到不同的输入字段中
我有一个使用javascript动态生成的水平表单,每个输入字段都有一个jquery自动完成,它使用$.get方法从DB填充数据 当我选择第一个输入字段的数据时,我想用相应的值填充第二个输入字段的数据。在这里,行被克隆,然后自动完成功能也与行一起被克隆 在下图中,如果选择类别集,则希望自动填充值字段: 我能够实现自动完成,但无法实现将数据填充到第二个输入字段Javascript 在为一个输入字段选择一个值后,自动将相应的数据填充到不同的输入字段中,javascript,jquery,html,Javascript,Jquery,Html,我有一个使用javascript动态生成的水平表单,每个输入字段都有一个jquery自动完成,它使用$.get方法从DB填充数据 当我选择第一个输入字段的数据时,我想用相应的值填充第二个输入字段的数据。在这里,行被克隆,然后自动完成功能也与行一起被克隆 在下图中,如果选择类别集,则希望自动填充值字段: 我能够实现自动完成,但无法实现将数据填充到第二个输入字段 function loadcategorysetvalue(table,tabdata){ var catsetlov=[];
function loadcategorysetvalue(table,tabdata){
var catsetlov=[];
var catvalov=[];
$.get("URL",function(response){
catsetlov=response;
}).done(function(){
var row =null;
var newId=1;
for(var i=0;i<catsetlov.length;i++){
newId++;`enter code here`
row=insertrow(table(table,tabdata,"categories");
cell=row.cells[0];
cell.children[0].value=catsetlov[i];
setcatvalue(catsetlov[i]);
addbtn(row);
var id = cell.children[0].getAttribute("id");
var newId=(id+"_"+newId);
cell.children[0].setAttribute("id",newId);
$('#'+newId).autocomplete({
source:catsetlov,
minLength:0
}).focus(function(){
$.get("url",function(response){
catsetlov=response;
});
$(this).autocomplete("search","");
});
}
});
}
函数loadcategorysetvalue(表,tabdata){
var catsetlov=[];
var catvalov=[];
$.get(“URL”,函数(响应){
catsetlov=响应;
}).done(函数(){
var行=null;
var-newId=1;
对于(var i=0;i,您可以在自动完成字段的“选择/更改”事件上设置其他输入字段,请参见以下示例:
var mySource=[{“标签”:“值一”,“id”:“1”},{“标签”:“值二”,“id”:“2”},{“标签”:“值三”,“id”:“3”}];
$(“#txtAutocomplete”).autocomplete({
资料来源:mySource,
选择:功能(事件、用户界面){
if(ui.item){
$(“#hiddenField”).val(ui.item.id);
返回ui.item.label;
}
否则{
$(“#hiddenField”).val(“”);
}
},
更改:功能(事件、用户界面){
if(ui.item){
$(“#hiddenField”).val(ui.item.id);
}
否则{
$(“#hiddenField”).val(“”);
}
}
});
开始键入类似“Val…”的内容
thankQ@alessandro但问题是这两个字段都有独立的$.get调用,它们是两个不同的数组:(如数组a[1,2,3,4,5,6]和数组b[a,b,c,d,e,f,g]难道你不能在“catsetlov”中添加你需要的所有信息吗?