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

Question

我遇到与HTML页面相关的问题。希望有人能帮忙解决它 -

我有一个带有国家/地区选择和文本框的HTML页面。 Option标记的value属性包含Country代码。当用户选择国家/地区时，应在文本框中填充其相应的国家/地区代码。 每次用户更改国家/地区时都会发生这种情况。 所有数据都存在于页面本身中，并且不会进行任何服务器调用来获取数据。

可以使用委托方法完成吗？在这种情况下我还可以使用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());
});

以下是demo