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

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