我有一个简单的表格,当输入汽车登记号码时,它会从 API 调用返回品牌和型号数据,我得到了将此数据显示为简单警报的 javascript,但我需要它来填写另一个表格页面代码是;
<form name="enterRegForm" method="post" id="enterRegForm">
<input type="text" id="inputReg" name="inputReg" maxlength= "12" placeholder="ENTER REG" style="width:122px;height:20px;margin:4px 0 0 19px;font:bold 18px tahoma, arial;border:0;text-align:center;"/>
<input name="button" type="submit" value="Get Report" />
</form>
var inputReg = $('#inputReg');
$('#enterRegForm').submit(function(){
if (inputReg.val()) {
$.getJSON("api-proxy.php", { reg: inputReg.val() }, function( data ) {
// alert("Make: " + data['make'] + "\nModel: " + data['model']);
alert(data.inspect());
});
}
else {
alert('Please enter a registration number!');
}
return false;
})
因此,我不需要显示汽车制造商和型号的警报(即制造商:大众汽车型号:Golf),而是需要它在名为“car-make”和“car-model”的第二种形式中填写两个输入。我要改变什么才能实现这一目标?
谢谢。
最佳答案
假设您有一个带有 id car-make 和 car-model 的输入字段:
<input id="car-make" value="" name = "car-make">
<input id="car-model" value="" name = "car-model">
和 js:
var inputReg = $('#inputReg');
$('#enterRegForm').submit(function(){
if (inputReg.val()) {
$.getJSON("api-proxy.php", { reg: inputReg.val() }, function( data ) {
$("#car-make").val(data['make']);
$("#car-model").val(data['model']);
});
}
else {
alert('Please enter a registration number!');
}
return false;
})
关于javascript - 通过 jquery 用数据填充表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23955881/