Question

我看jquery ui combobox但我找不到它。我可以在源代码中找到正确的占位符。

谢谢

Answer 1

我为JQueryUI v1.10.2 - 2013-04-17

制作了这段代码

HTML code：

<select class="combobox" placeholder="123">
 <option>...</option>
 ...
</select>

JS代码：

$.widget( "ui.combobox", {
    _create: function() {
        this.wrapper = $( "<span>" )
            .addClass( "ui-combobox" )
            .insertAfter( this.element );

        this._createAutocomplete();
        this._createShowAllButton();
        this.input.attr("placeholder", this.element.attr('placeholder'));
    },
});

$(function() {
    $( ".combobox" ).combobox();
});

Answer 2

为您的输入添加ID 并在javascript中运行此代码

$("#yourID").attr("placeholder", "Your Text Here");

Answer 3

你可以根据jquery ui 1.10.3做一点点简单：在组合框文件中查找var input = $("<input>")并添加属性占位符：

.attr("placeholder", select.attr("title"))

只需在选择中使用title属性：）

Answer 4

只需使用：

<input type="text" placeholder="your text"/>

Answer 5

这是input的简单占位符。
您可以使用html5 placeholder或尝试自己动手。

<input type="text" placeholder="Search...">

唯一的问题是placeholder 无法在Internet Explorer上运行 但是你可以很容易地找到它的解决方法。

demo：使用占位符
demo：crossbrowser workaround

如何在jquery ui组合框上放置占位符？

5 个答案: