Действие при выборе опции из выпадающего меню

Question

Я только начал работать с выпадающими меню. Я пытался выяснить, как я могу что-то сделать, когда пользователь выберет конкретную опцию из выпадающего меню.

Например, у меня есть следующее выпадающее меню.

<select> 
<option value = ''> Choose Manager </option> 
<option value = 'SAF'> Sir Alex Ferguson </option> 
<option value = 'jose'> Jose Mourinho </option> 
</select> 

с последующим текстовым полем.

<input type='text' name = 'CLub' /> 

При выборе сэра Алекса из выпадающего меню я хочу, чтобы в текстовом поле Club отображалось MUFC. Для Хосе я хочу, чтобы в текстовом поле «Клуб» отобразился «Реал».

Каков самый простой способ сделать это? Что еще более важно, я не хочу перезагружать страницу!

Answer 1

<script> 
    function updateText(){ 
     $('input[name="Club"]').val($('select[name="something"] option:selected').val()); 
    } 
</script>  

<select name="something" onchange="updateText()"> 
    <option value = ''> Choose Manager </option> 
    <option value = 'SAF'> Sir Alex Ferguson </option> 
<option value = 'jose'> Jose Mourinho </option> 
</select> 
<input type='text' name = 'Club' /> 

Проверить эту скрипку: http://jsfiddle.net/fkvZ7/

Это должно обновить текстовое поле .. Вам нужно будет включить JQuery LIB для этого .. Вы также можете заменить jQuery на JavaScript.

Answer 2

Самый простой способ сделать это без перезагрузки страницы будет использовать JQuery