从 select 上的另一个输入框分配输入框值 点击 jquery

Question

我有一个表单，其中有 5 个字段，其中 3 个字段的值如小时、天和租约，具有默认值，然后是一个选择框和另一个空输入框，我的代码如下所示：

 $(document).ready(function() { $('#hr').change(function() { $('#mytexts').val($('#hours').val()); }); });

 <input type="text" id="hours" value="23" readonly/> <input type="text" id="days" value="33" readonly/> <input type="text" id="lease" value="33" readonly/> <select name="hours" id="hr"> <option value="" onchange="myFunctionhours(this)">---Select---</option> <option value="hours">Hours</option> <option value="days">Days</option> <option value="lease">Lease</option> </select> <input type="text" name="crate" id="mytexts" value="" readonly/>

当从selectBox中选择一个值时，我想清空输入框以相应地从3个输入框中获取值，现在我所做的只能获取小时框的值，谁能告诉我该怎么做， 提前致谢

Answer 1

您必须通过使用event.target.value从更改事件中获取值，然后将其以下值分配给结果输入，如下所示：

  $('#hr').change(function(event) {
    let selected = event.target.value;
     if(selected) $('#mytexts').val($("#"+selected).val());
  });

请参阅下面的工作片段：

 $(document).ready(function() { $('#hr').change(function(event) { let selected = event.target.value; $("#choise").html(selected) if(selected) $('#mytexts').val($("#"+selected).val()); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="hours" value="23" readonly/> <input type="text" id="days" value="33" readonly/> <input type="text" id="lease" value="33" readonly/> <br /><br /> <select name="hours" id="hr"> <option value="" onchange="myFunctionhours(this)">---Select---</option> <option value="hours">Hours</option> <option value="days">Days</option> <option value="lease">Lease</option> </select> <br /><br /> <input type="text" name="crate" id="mytexts" value="" readonly/> <span id="choise"></span>

Answer 2

您必须使用下拉值的值作为 JQuery 中的查询选择器。

 $(document).ready(function() { $('#hr').change(function() { $('#mytexts').val($("#"+$('#hr').val()).val()); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <:-- begin snippet: js hide: false console: true babel: null -->