Захват входного значения и отображение его как значения в другом текстовом поле

Question

Извините, название может немного запутать. Пользователю предлагается выбрать значение из раскрывающегося меню. Я хочу получить это значение и отобразить его в другом текстовом поле.

Ниже показано место, где пользователь выбирает из раскрывающегося списка. Как мне затем создать другое текстовое поле, которое может отображать это значение?

<div class="leftCol">
    Select the number:
</div>
<div class="rightCol">
    <select name="Account" value="ACCT_VALUE_KEY">
        <option disabled selected value> </option>
        <option value="One">One</option>
        <option value="Two">Two</option>
        <option value="Three">Three</option>
        <option value="Four">Four</option>
    </select>
</div>

Answer 1

Вы можете использовать javascript для обновления значения в текстовом поле. Вы можете получить значение и обновить его, используя свойство id

function update(){
  sel = document.getElementById("account");
  display = document.getElementById("display");
  
  display.value = sel.value;
}

<div class="leftCol">
    Select the number:
</div>
<div class="rightCol">
    <select name="Account" id='account' onchange="update()" value="ACCT_VALUE_KEY">
        <option disabled selected value> </option>
        <option value="One">One</option>
        <option value="Two">Two</option>
        <option value="Three">Three</option>
        <option value="Four">Four</option>
    </select>
</div>

<div>Selected: <input type='text' id='display' /></div>