如何基於'select'輸入上的onchange事件將值填充到第二個輸入字段？

Question

我正在尋找使用Javascript將選擇輸入的值複製到第二個輸入字段中。我試圖用onchange事件調用來做到這一點。 js代碼應該在select函數中改變時填充輸入字段id ='sort'？

這裏是我的代碼

<input id = "sort"> 
<select name="sort_select" onchange="document.getElementById('sort').value = ('#sort_select').val();"> 
    <option value="Ascending"> Ascending</option> 
    <option value="Descending"> Descending</option> 
</select> 

這是行不通的。我發現錯誤在於賦值（（'#sort_select'）。val（）;）這樣做的正確方法是什麼？

Answer 1

JS的解決方案：FIDDLE 改變這一點：

<select name="sort_select" onchange="document.getElementById('sort').value = ('#sort_select').val();"> 

到

<select name="sort_select" onchange="document.getElementById('sort').value = this.value;"> 

Answer 2

使用此代碼

$("select").change(function(){ 
$("#sort").val($(this).val()); 

}); 

Fiddle

Answer 3

http://jsfiddle.net/5S7mh/

onChange="document.getElementById('sort').value = (this.options[this.selectedIndex]).value;" 

不要使用大丑行內聯JS雖然。 另外，從填充輸入框開始。