使用多个SELECTS更改多个INPUT值

时间:2015-01-30 22:49:35

标签: javascript jquery ajax select input

也许有人可以帮助我......我有5种不同的选择。我想在更改SELECT值后更改INPUT的值。但是5个SELECTS和5个INPUTS。每个Select都有1个输入。

像这样:

<select name="select[0]>   // on change of select[0]
<input type="text" name="change_me[0]>  // put the value here

<select name="select[1]>   // on change of select[1]
<input type="text" name="change_me[1]>  // put the value here

<select name="select[2]>   // on change of select[2]
<input type="text" name="change_me[2]>  // put the value here

等等..目前我正在使用此javascript代码:

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

但问题是,如何将它用于每对选择和输入字段。我必须写5次脚本吗?

谢谢你们!!

1 个答案:

答案 0 :(得分:0)

没有类型为select的input元素。但是如果你需要当前元素将值复制到下一个元素,你可以这样做:

$(".current_element").change(function() {
    $(this).next().val($(this).val());
});

Fiddle Example