Question

我在我的一个脚本上使用了脚本它很棒我以为我解决了问题但是每当我改变我的选项时，我的页面上的每个按钮都会变成相同的选项值。我可以将我的值限制为单个输入类型？这是有问题的剧本

<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'));
  });
});

Answer 1

当然，只需将id应用于特定输入并更改

即可

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

到

$('#your-input-id').val(...)

Answer 2

这就是原因：

$('input')

您选择的每次更改都会定位到页面中的所有输入。您可以通过使选择器具体来限制，例如：

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

Answer 3

如果每个SELECT菜单下方都有INPUT，您可以执行以下操作：

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

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

3 个答案: