Question

我有一个简单的表单，当输入汽车注册号时，从API调用返回make和model数据，我被给了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;
})

因此，而不是显示车辆的制造和型号的警报（即制造：大众车型：高尔夫），我需要它来填写第二种形式的两个输入，名为“car-make”和“car-model”。为实现这一目标我应该做些什么改变？

谢谢。

Answer 1

假设您有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;
})

通过jquery使用数据填充表单

1 个答案: