每次用戶進行選擇時，如何使用國家/地區下拉列表的值填充文本框？

Question

我有一個與HTML頁面有關的問題。 希望有人可以幫助解決它-

我有一個帶有國家（地區）選擇和文本框的HTML頁面。 Option標簽的value屬性包含國家（地區）代碼。 當用戶選擇一個國家時，其各自的國家代碼應填充在文本框中。 用戶每次更改國家/地區都會發生這種情況。 所有數據都存在於頁面本身中，並且不進行任何服務器調用來提取數據。

可以使用委托方法來完成嗎？ 在這種情況下，我也可以使用Ajax嗎？

任何幫助將不勝感激。

提前謝謝了！！

Answer 1

通過使用jQuery

嘗試這個

HTML

<select id="c_code">
    <option value="IN">India</option>
    <option value="US">USA</option>
</select>
<input id="code" type="text">

腳本

$('#c_code').on('change',function(){
   $('#code').val($(this).val());
});

DEMO

Answer 2

您只需要將邏輯綁定到select的change事件即可

這是HTML代碼

    <select id="ddl">
    <option value="001">India</option>
    <option value="002">USA</option>
</select>

<input type="text" id="txt" />

這是jQuery

    $('#ddl').change(function(){
    $('#txt').val($('#ddl').val());
});

這是演示