如何根據“選擇”輸入上的onchange事件將值填充到第二個輸入字段？

Question

我希望使用Javascript將選擇輸入的值復制到第二個輸入字段。 我嘗試使用onchange事件調用來做到這一點。 為了在select函數中更改時填充輸入字段id ='sort'，js代碼應該是什么？

這是我的代碼

<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

使用此代碼

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

});

小提琴

Answer 2

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 3

http://jsfiddle.net/5S7mh/

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

不要使用那個大丑線作為內聯JS。 另外，首先填充輸入框。