jquery - 通过选择更改更改事件的占位符文本

Question

我有一个问题，我一直在尝试排序，但不能完全完成最后一点，并且一直在转圈。

基本上，我在搜索输入区域之前有一个带有选择框的搜索框，具体取决于从下拉框中选择的项目，我希望占位符文本在搜索输入区域中更改。现在我已经设法在这个 jsFiddle 中工作了：http: //jsfiddle.net/G4GvT/

但是，这是使用 value 属性，因此当您在搜索区域中输入文本时，它会添加到其中，而不是像使用占位符时一样重新开始。我尝试将值更改为占位符但仍然没有运气，并且还使用 .attr 而不是 .val：

$('#search-type').change(function() {
    $('#search-query').attr(this.placeholder);
});

如果有人能帮帮我，我将不胜感激，我知道这应该很容易，但无法弄清楚我哪里出错了。

非常感谢。

Answer 1

演示--> http://jsfiddle.net/G4GvT/3/

$('#search-type').change(function() {
    $('#search-query').prop('placeholder',$(this).val());
});

Answer 2

上面示例 jsfiddle 中的一些 html 更改

删除文本框的值 attr 并添加占位符 attr。这样您就可以在文本框中检查正确的反映。

http://jsfiddle.net/gvFy9/

你也可以这样做。

$('#search-type').change(function() {
    $('#search-query').attr('placeholder',$(this).val());
});