Comment mettre un espace réservé sur jquery ui combobox?

Je regarde jquery ui combobox mais je ne pouvais pas le trouver.Où puis-je le droit de l'espace réservé dans le code source.

merci

  • Vous devriez regarder toutes les réponses avant d'en accepter un.
InformationsquelleAutor eyupatis | 2012-08-06
  1. 5

    ajouter un ID à votre entrée
    et d'exécuter ce code en javascript

    $("#yourID").attr("placeholder", "Your Text Here");
    • En fait, cela ne marchera pas car le Jquery UI Combo box utilise un select et la balise de select les balises ne pas accepter l'espace réservé à l'attribut.
    • Je vais vous donner la upvote copain, cela fonctionne à l'aide de prop ainsi.
    InformationsquelleAutor Furkan Ayhan
  2. 13

    J'ai fait ce code pour JQueryUI v1.10.2 - 2013-04-17

    Code HTML:

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

    Code 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();
});
    InformationsquelleAutor FayGrin
  3. 1

    Vous pouvez faire encore un peu plus simple basé sur jquery ui 1.10.3:
    Trouver var input = $("<input>") dans la zone de liste déroulante fichier et ajouter l'attribut placeholder:

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

    Et il suffit d'utiliser l'attribut title de choisir 🙂

    InformationsquelleAutor Dzasa
  4. 1
    <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>
    InformationsquelleAutor José Ouellet
  5. 0

    Suffit d'utiliser:

    <input type="text" placeholder="your text"/>
    InformationsquelleAutor Wern Ancheta
  6. 0

    C'est un simple espace réservé pour input.
    Vous pouvez utiliser html5 placeholder ou essayer de le faire vous-même.

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

    Le seul problème est que placeholder ne fonctionne pas sur Internet Explorer.

    Mais vous pouvez facilement trouver une solution de contournement pour elle.

    démo: l'utilisation de l'espace réservé

    démo: crossbrowser solution de contournement

    InformationsquelleAutor Ricardo Alvaro Lohmann