如何用JS设置占位符

Question

请看一下这个小提琴：

http://jsfiddle.net/KA85s/3/

JQ-UI将第一个选项设置为默认选项。我不希望它发生：相反，我想设置HTML5占位符。

如何为这些JS生成的输入设置HTML 5占位符（而不是第一个可用的<option>）？

Answer 1

使用：

input.attr("placeholder", value);

更新了jsfiddle：

http://jsfiddle.net/Meligy/KA85s/5/

在示例中，我刚刚更换了您的val()来电，显然，您可以从功能中完全删除该部分，并将其与您想要的任何文字分开添加。

Answer 2

如果没有跨浏览器兼容性问题，这将完成您所需要的所有问题我已经在ie7,8,9运行中进行了测试。

<input type="text" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}">

祝你好运！

Answer 3

@Mohamed Meligy带来了相同的解决方案

http://jsfiddle.net/KA85s/8/

虽然我使用了别的东西..

这是当你使用jQuery创建输入元素给它一个placholder属性时它是如何工作的，我们完成了：D

**更新**

http://jsfiddle.net/KA85s/19/

添加了自定义默认值：D