如何在每次用户进行选择时用国家下拉列表的值填充文本框

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

演示

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

这是的演示