從 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 -->