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

How do I populate value to second input field based on a onchange event on a 'select' input?

本文关键字：输入 填充 第二个 字段 事件 何根 select onchange      更新时间：2023-09-26

我希望使用Javascript将选择输入的值复制到第二个输入字段。我尝试使用onchange事件调用来做到这一点。js代码应该是为了填充输入字段id ='排序'在选择函数的变化?

我的代码

<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();)正确的做法是什么?

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;">

使用此代码

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

小提琴

http://jsfiddle.net/5S7mh/

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

不要把那一行又大又丑的代码作为内联JS。另外，从填充输入框开始。

相关文章：