如何根据'选择'上的onchange事件将值填充到第二个输入字段?输入?

时间:2014-03-12 18:14:01

标签: javascript jquery html

我希望使用Javascript将选择输入的值复制到第二个输入字段中。我尝试使用onchange事件调用来做到这一点。为了填充输入字段,js代码应该是什么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>

这不起作用。我看到错误在于赋值((&#39;#sort_select&#39;)。val();)这样做的正确方法是什么?

3 个答案:

答案 0 :(得分:1)

使用此代码

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

});

Fiddle

答案 1 :(得分: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;">

答案 2 :(得分:0)

http://jsfiddle.net/5S7mh/

onChange="document.getElementById('sort').value = (this.options[this.selectedIndex]).value;"
但是,不要使用那个丑陋的大线作为内联JS。 另外,首先填充输入框。