javascript - Jquery - 选择选项时填写输入文本

Question

我有这个表单的元素:

<form ...>
    <select name="type[]" id="type[]">
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
    <input type="text" name="tvalue[]" id="tvalue[]" />

    <select name="type[]" id="type[]">
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
    <input type="text" name="tvalue[]" id="tvalue[]" />
    ...

    <input type="submit" value="send" />
</form>

因此，当选择选项元素更改时，我需要填写输入文本元素。 (元素数组？) 有谁能帮帮我吗？

上面的标记是这个 PHP 脚本的结果(我更改了上面的标记):

<?php
echo "<form name='form1' id='form1' action=\"#\" method='post'>";
for ($i=0; $i<5; $i++){
echo "<select name='type[]' id='type[]'>\n";
echo "<option value ='1'>One</option>\n";
echo "<option value ='2'>Two</option>\n";
echo "</select>\n";
echo "<input type='text' name='tvalue[]' id='tvalue[]' value=''>";
}
echo "<input type='submit' name='submit' id='submit' value='enviar' />";
echo "</form>";
?>

(type[] 和 tvalue[] 因为我需要发布一个数组)

问题是我在选择选项时需要填写输入文本。 例如，当我在第一个选择中选择选项“一个”时，然后是第一个输入文本 必须显示“一个”，所以当我在第二个选择中选择一个选项时，第三个，等等...... 因此，当我提交表单时，我可以获得这些值。

非常感谢! 卡洛斯。

Answer 1

我把只有一个select和一个input修改的例子写下来

$('select#id1').change(function(){ //the event here is change
    if ($(this).val() === "1" ) //check the value into the select
    {
        $('input#id2').val("ONE!"); //change the value into the input
    }
    else
    {
        $('input#id2').val("TWO!"); //change the value into the input
    }
});