從下拉菜單中選擇選項的操作

我剛開始使用下拉菜單。我試圖弄清楚，一旦用戶從下拉菜單中選擇一個特定的選項，我可以做些什麼事情。從下拉菜單中選擇選項的操作

例如，假設我有以下簡單的下拉菜單。

<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' />

從下拉菜單中選擇Sir Alex，我想要顯示名爲Club的文本框來顯示MUFC。對於何塞，我希望稱爲俱樂部的文本框顯示皇馬。

我能做到這一點最簡單的方法是什麼？更重要的是，我不想重新加載頁面！

來源

2013-05-13 f1zz0_13

<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爲此..你也可以用JavaScript代替jQuery。

來源

2013-05-13 19:10:46 draxxxeus

做到不重新加載頁面的最簡單的方法將使用jQuery

來源

2013-05-13 19:01:03 Pieterjan

從下拉菜單中選擇選項的操作

回答

相關問題