每次用户进行选择时，如何使用国家/地区下拉列表的值填充文本框？

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());
});

这是演示