javascript - 自动完成如何填写另一个表单输入

Question

当自动完成填充第一个表单中的值时，我需要知道如何在同一页面的其他表单中填写另一个输入。

就像每个示例一样，如果我在同一页面中有三个表单，并且我需要填写第一个表单中自动完成值中所需的 id 以填充其他两个表单，我该怎么做？

这里是示例代码:

//First form, in the license input the autocomplete fill the license, owner, brand and the id
<form method="post" name="first" id="first" class="form-horizontal">
    <div class="row form-group">
        <label class="col-sm-3 text-right">Car license number:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="license"  id="license"> //  autocomplete input
        </div>
    </div>
    <div class="row form-group">
        <label class="col-sm-3 text-right">Owner:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="owner"  id="owner">
        </div>
    </div>
    <div class="row form-group">
        <label class="col-sm-3 text-right">Brand:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="brand"  id="brand">
        </div>
    </div>
    <input type="hidden" id="idCar" name="idCar" />  // hidden input needed in the other forms
    <input type="submit" id="sCar" class="btn btn-info" value="Save Car" />
</form>

//Second form
<form method="post" name="second" id="second" class="form-horizontal">
    <div class="row form-group">
        <label class="col-sm-3 text-right">Requested work:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="reWork"  id="reWork">
        </div>
    </div>
    <div class="row form-group">
        <label class="col-sm-3 text-right">How many miles in this diagnosis have the car:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="miles"  id="miles">
        </div>
    </div>
    <div class="row form-group">
        <label class="col-sm-3 text-right">Type of oil used:</label>
        <div class="col-sm-9">
            <input type="text" class="form-control" name="oil"  id="oil">
        </div>
    </div>
    <input type="hidden" id="idCar" name="idCar" />  // Hidden input needed to fill previously in the first form
    <input type="submit" id="sDiag" class="btn btn-info" value="Save diagnosis" />
</form>

等等...页面有五个表单用于对每辆车进行诊断和修改..当用户使用ajax点击提交按钮时，表单就会被提交。我的问题是，当自动完成填充第一个表单中的值时，如何在其他表单中添加相同的 id。

Answer 1

类似这样的吗？

$("#first [name='license']").on("change keyup",function(){
            $("#first [name='idCar']").val("123").trigger("change"); // i just make this like some autocomplete example
});

$("#first [name='idCar']").on("change",function(){
        var val = $(this).val();
            $("[name='idCar']").not(this).val(val);
});

jsfiddle:https://jsfiddle.net/synz/cc958dp4/