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

【问题标题】：Change placeholder text on change event via select通过选择更改更改事件的占位符文本
【发布时间】：2013-06-06 09:32:15
【问题描述】：

我遇到了一个问题，我一直在尝试排序，但最后一点都做不到，而且一直在绕圈子。

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

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

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

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

非常感谢。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

你也可以这样做。

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

【讨论】：