6

我查看jquery ui 组合框，但我找不到它。我在哪里可以在源代码中正确的占位符。

谢谢你

4

6 回答 6

15

我为 JQueryUI v1.10.2 - 2013-04-17 制作了这段代码

HTML 代码：

<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();
});
于 2013-05-24T10:04:59.627 回答
5

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

$("#yourID").attr("placeholder", "Your Text Here");
于 2012-08-06T13:25:09.317 回答
2 
<select id="test" name="test">
  <option value=""></option> <!-- clear default value-->
  <option value="1">text 1</option>
  <option value="2">text 2</option>
</select>

<script>
 $('#test').combobox();
 $('.ui-autocomplete-input').css('width','300px')
 $('.ui-autocomplete-input').attr('placeholder','Select a value')
</script>
于 2017-05-11T18:38:54.657 回答
1

您甚至可以根据 jquery ui 1.10.3 做一些更简单的事情：var input = $("<input>")在组合框文件中查找并添加属性占位符：

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

并且只需在选择中使用标题属性:)

于 2013-10-04T10:39:27.723 回答
0

只需使用：

<input type="text" placeholder="your text"/>
于 2012-08-06T13:17:09.617 回答
0

这是一个简单的占位符input。
您可以使用html5placeholder或尝试自己做。

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

唯一的问题是它placeholder 在 Internet Explorer 上不起作用。
但是您可以轻松找到解决方法。

演示：使用占位符
演示：跨浏览器解决方法

于 2012-08-06T13:24:06.633 回答