使用多个 SELECTS 更改多个 INPUT 值

Question

也许有人可以帮助我...我有 5 个不同的 SELECTS。我想在更改 SELECT 值后更改 INPUT 的值。但是 5 SELECTS 和 5 个输入。每个 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());
});

但问题是，如何将它用于每一对 select 和输入字段。我必须写 5 遍脚本吗？

谢谢大家！！

Answer 1

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

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

Fiddle Example

使用多个 SELECTS 更改多个 INPUT 值

Change multiple INPUT values with multiple SELECTS

javascript

ajax

jquery

select

input