Javascript 使用JSON检索的数据填充HTML表单
我在尝试使用JSON数据自动完成建议字段时遇到了麻烦,JSON数据是使用JavaScript请求函数返回的 HTML标记:Javascript 使用JSON检索的数据填充HTML表单,javascript,json,ajax,autocomplete,Javascript,Json,Ajax,Autocomplete,我在尝试使用JSON数据自动完成建议字段时遇到了麻烦,JSON数据是使用JavaScript请求函数返回的 HTML标记: <div class="form-group row"> <label class="col-lg-4 col-form-label" for="paisesOrigem">País de Origem:</label> <div cl
<div class="form-group row">
<label class="col-lg-4 col-form-label" for="paisesOrigem">País de Origem:</label>
<div class="col-lg-8">
<select class="js-search-pais multiple-select2 form-control" id="paisesOrigem" name="paisesOrigem[]" multiple="multiple">
<option value='0'>- Search country -</option>
</select>
<span class="help-block" id="hint_paisesOrigem">
Insira o país de origem do produto
</span>
</div>
</div>
当我试图检索历史数据以完成表单上的所有字段时,我使用以下代码:
$.ajax( {
url: 'search.php',
dataType: 'json',
data: {
'search': encodeURIComponent(e.value),
'searchType' : "5",
'outputType' : "3",
'type': 'public'
},
success: function (data,status,xhr) {
$.each(data['results'], function(i,v) {
//alert('v.id = ' + v.id + '\nv.text = ' + v.text);
$('input[name='+v.id+']').val(v.text);
});
},
上述命令的结果JSON输出为:
{"results": [{"id":"dataPeriod", "text": "07/07/2020 - 26/08/2020" },{"id":"paisesOrigem", "text": "249,23" }]}
值得一提的是,由于dataPeriod是一个公共文本字段,因此没有与之相关的问题。但paisesOrigem并没有像我预期的那样完成
是否有任何方法可以管理此代码以使用来自JSON的数据完成建议字段?需要注意的是,在这种情况下,有两个国家代码与249和23关联,因此该字段应自动填写这两个国家的名称
$.ajax( {
url: 'search.php',
dataType: 'json',
data: {
'search': encodeURIComponent(e.value),
'searchType' : "5",
'outputType' : "3",
'type': 'public'
},
success: function (data,status,xhr) {
$.each(data['results'], function(i,v) {
//alert('v.id = ' + v.id + '\nv.text = ' + v.text);
$('input[name='+v.id+']').val(v.text);
});
},
{"results": [{"id":"dataPeriod", "text": "07/07/2020 - 26/08/2020" },{"id":"paisesOrigem", "text": "249,23" }]}