Javascript 将不同的值限制为单个输入类型

我在我的一个脚本中使用了该脚本，这很好，我认为我解决了问题，但每当我更改选项时，页面上的每个按钮都会更改为相同的选项值。我可以将我的值限制为单个输入类型吗？ 这就是正在讨论的剧本

<select>
  <option text="ok">1</option>
  <option text="hello">2</option>
  <option text="test">3</option>
</select>
<input type="text" />

$(function(){
 $('select').on('change', function(){
    $('input').val($('option:selected', this).attr('text'));
  });
});

1.
2.
3.
$（函数（）{
$（'select'）。在（'change'，function（）上{
$（'input'）.val（$（'option:selected'，this.attr（'text'））；
});
});

当然，只需将

id

应用于特定的输入和更改

$('input').val(...)

进入

这就是为什么：

$('input')

每次更改select时，您都以页面中的所有输入为目标。可以通过使选择器特定来进行限制，例如：

$('input[type=text]')   //all inputs of type "text"
$('input[type=submit]') //all inputs of type "submit"
$('input.customButton') //all inputs of class "customButton"

---

如果每个

选择

菜单下面都有一个

输入

，您可以执行以下操作：

$("select").change(function() {
    $(this).next("input[type='text']").val($('option:selected', this).attr('text'));
});

---

谢谢你Joseph这将是我的第二个问题你读过《人物》杂志吗？z min:）实际上这只是一个单一的输入，所以我不会使用这种方法，但感谢你的快速回复。我想我会成为stackflow的永久追随者，因为你Gauy非常感谢

$("select").change(function() {
    $(this).next("input[type='text']").val($('option:selected', this).attr('text'));
});