如何從選項列表中選擇一個值並在其他位置顯示其字段（例如，在 <input> ）

Question

我想從選擇選項中選擇一個對象，並在某些輸入中顯示其字段。

例如，我從列表中選擇一個銀行帳戶

<tr>
   <td>From account*</td>

   <td style="padding-right: 55px; width: 70%;">
      <select th:field="${transaction.accountNumberFrom}" required style="height: 30px;">
         <option  th:each="account : ${accounts}" th:text="${account.accountNumber} + ' &nbsp;&nbsp;(' + ${account.accountName} + ' : ' + ${account.bank} + ')'" th:value="${account.accountNumber}" />
      </select>
   </td>                                            
</tr>

然后想在輸入字段中自動顯示它的字段（例如$ {account.currency}）或者......

有什么建議么？

Answer 1

由於您的問題沒有提供回答所需的詳細信息，因此我假設很少並嘗試回答。

您可以使用純javascript或jquery來實現此目的。 這是使用jquery一個例子

我假設你的輸入字段是這樣的

<input type="text" name="myinput" id="myinput">

現在你使用jquery on如下所示

$('select').on('change', function() {
  $('#myinput').val(this.value);
});