Question

我遇到了问题，我想在我创建的下拉列表中输入一个命令。下拉列表和输入代码示例：

<select name="field" id="list_field">
                  <option value='all'>All Field</option>
                  <option value="A" >AAA</option>
                  <option value="B" >BBB</option>
</select>
<input type="text" name="keyword" placeholder="add text in here..">

如果我想选择一个选择下拉菜单，那么文本框中的占位符也会发生变化。就是一个例子：如果我选择下拉列表“A”，占位符将更改为“AAAxxxx”。 jquery或javascript代码如何执行这些命令？有什么可以帮助我吗？

Answer 1

试试这个：

$('#list_field').change(function(){
   $('input[name="keyword"]').attr("placeholder", $(this).find("option:selected").text());
});

<强> Working Demo

Answer 2

$(function() {
  $("#list_field").change(function(){
    if ($(this).val() == 'A'){
        $("input[name=keyword]").attr('placeholder', 'AAA');
    }
  });
});

jquery从下拉列表中更改占位符输入

2 个答案: