javascript - jquery 更改下拉列表中的占位符输入

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

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