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

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