JavaScript 實現 Select 聯動 Input 顯示選中文本

需求

選擇下拉框選項（你好、我好、大家好），下方輸入框即時顯示對應文本。

實現代碼

<select onchange="detail(this)" id="iden1">
  <option value="1">你好</option>
  <option value="1">我好</option>
  <option value="1">大家好</option>
</select>
<input type="text" name="iden" id="iden" value="" />

<script>
function detail(sel) {
  document.getElementById('iden').value = sel.options[sel.selectedIndex].text;
}
</script>

關鍵點

• onchange="detail(this)" 傳遞 select 元素對象。
• 使用 sel.options[sel.selectedIndex].text 獲取顯示文本而非 value。