Question

我无法想出一个合适的头衔......

问题是，如果用户在＆＃34;陪同人员＆＃34;领域，＆＃34;陪同人员价格＆＃34;字段将自动填写260€。

我不知道怎么做但我想必须使用jQuery。

这是我的HTML：

<li class="titulo_form">ACCOMPANYING PERSON</li>
<input class="input_reg" name="accompanying" type="text" required>

    (...)
    <tr>
       <td valign="middle"><label class="registration">Accompanying Person €</label></td>
       <td valign="middle"></td>
       <td valign="middle"><input class="input_form_reg" name="accompanying_price" type="text"></td>
    </tr>
    (...)

Answer 1

以下代码可以帮助您。

 HTML:

 <li class="titulo_form">ACCOMPANYING PERSON</li>
 <input class="input_reg" name="accompanying" type="text" id="input_reg" required>
 <table>
   <tr>
   <td valign="middle"><label class="registration">Accompanying Person €</label></td>
   <td valign="middle"></td>
   <td valign="middle"><input class="input_form_reg" id="input_form_reg"        name="accompanying_price" type="text"></td>
 </tr>
 </table>

Jquery的：

  $(document).ready(function(){
      $("#input_reg").on('keyup',function(){
          $('#input_form_reg').val(this.value);
      });
  });

Answer 2

使用jQuery的方法是为该输入设置一个'onchange'监听器。如果输入更改了值，则可以将函数作为回调触发，最后一个可以修改其他输入。当你这样做的时候要注意，因为某些“变化”的监听器在某些浏览器版本中无法工作（我记得我过去在选择列表中遇到过一些问题），但它应该没问题。

代码应该是这样的：

$('#input1').on('change', function() {
    $('#input2').val('260€');
});

你也应该验证input1的值是否为空（如果我正在删除文本，它会计入input1更改），所以在这种情况下填充其他输入可能没有意义。

如果输入已填入，则在另一个输入上写入值

2 个答案: