6

jquery uiコンボボックスを確認しましたが、見つかりませんでした。ソースコードのプレースホルダーはどこにありますか。

ありがとうございました

4

6 に答える 6

15

JQueryUIv1.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"))

そして、selectでtitle属性を使用するだけです:)

于 2013-10-04T10:39:27.723 に答える
0

使用するだけです：

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

の単純なプレースホルダーですinput。
html5を使用するplaceholderか、自分で試してみることができます。

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

唯一の問題は、placeholder InternetExplorerでは機能しないことです。
ただし、回避策を簡単に見つけることができます。

デモ：プレースホルダーの使用
デモ：クロスブラウザーの回避策

于 2012-08-06T13:24:06.633 に答える