Как заполнить текстовое поле со значением выпадающего списка страны каждый раз, когда пользователь делает выбор?

Question

У меня проблема с HTML-страницей. Надеясь, что кто-то может помочь решить эту проблему -

У меня есть HTML-страница с выбором страны и текстовым полем. Атрибут value тега Option содержит коды стран. Когда Пользователь выбирает страну, соответствующий код страны должен заполняться в текстовом поле. Это произойдет каждый раз, когда Пользователь изменяет страну. Все данные присутствуют на самой странице, и вызовы сервера не выполняются для извлечения данных.

Это можно сделать, используя метод делегата? Могу ли я также использовать Ajax в этом случае?

Любая помощь будет очень оценена.

Большое спасибо заранее!

Answer 1

Вам просто нужно связать логика в 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

Answer 2

С помощью Jquery

Попробуйте

HTML

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

Script

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

DEMO