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

我有一个与HTML页面相关的问题。希望有人能帮助解决这个问题-

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

这可以使用委托方法来完成吗？在这种情况下我也可以使用Ajax吗

任何帮助都将不胜感激

非常感谢

通过使用Jquery

试试这个

HTML

---

您只需将逻辑绑定到select的

change

事件

下面是html代码

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

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

这是你的电话号码

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

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

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

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