JQuery Consultable zone de liste Déroulante

J'ai une liste interrogeable, créé à l'aide de JQuery Plugin à partir de: http://plugins.jquery.com/searchit/

Mais j'aimerais une valeur sélectionnée par défaut lorsque la zone de liste affiche la première fois. Même si j'ai "sélectionné" mentionnée dans la balise d'option (Rockford dans l'ex ci-dessous). Cette partie ne fonctionne pas.

Pls voir ici échantillon ici:

http://jsfiddle.net/QuYJD/22/

$("select").searchit( { textFieldClass: 'searchbox' } );

    Type the search text:
    <br/>
    <select id="listBox1">
      <option>Robinhood</option>
      <option selected >Rockford</option>
      <option>Rome</option>
      <option>Ronda</option>
      <option>Rondon</option>
      <option>Rondonopolis</option>
      <option>Rongelap</option>
    </select>

Une idée? Ou toute autre solution...

OriginalL'auteur Jasper | 2013-07-27

  1. 2

    Un peu hacky façon

    Peut-être que vous pourriez faire quelque chose comme cela après l'initialisation du plugin : 

    $(".searchbox").val($("#listBox1 :selected").val())

    Parce que ce plugin semble faire vous select dans cette: 

    <input type="textbox" id="__searchit2" class="searchbox">
<div id="__searchitWrapper2" style="display: none; vertical-align: top; overflow: hidden; border: 1px solid rgb(128, 128, 128); position: absolute;">
 <select id="listBox2" style="padding: 5px; margin: -5px -20px -5px -5px;">
  <option>Robinhood</option>
  <option>Rockford</option>
  <option selected="">Rome</option>
  <option>Ronda</option>
  <option>Rondon</option>
  <option>Rondonopolis</option>
  <option>Rongelap</option>
 </select>
</div>

    Plugin changement

    J'ai ajouté une autre option pour le plugin appelé selected. Si vous le réglez à true, puis la zone de texte va montrer votre option. Il suffit d'ajouter cette option supplémentaire : 

    $("select").searchit({
      textFieldClass: 'searchbox',
      selected: true
 });

    Démo : http://jsfiddle.net/hungerpain/QuYJD/23/

    hungerpain> Apparemment, cela n'a pas de support pour clavier haut/bas des actions pour aller à travers les éléments de la liste. Une idée?

    OriginalL'auteur krishgopinath

  2. 26

    Vous pouvez vérifier l' choisi plugin pour jQuery. Son interface utilisateur plus conviviale et a varier belle INTERFACE utilisateur.

    Il a la fonction que vous recherchez. S'il vous plaît aller sur le lien suivant pour plus de détails

    http://harvesthq.github.io/chosen/

    Wow choisi est génial
    Je sais que je l'utilise, mais en le regardant dans le mobile n'est pas pris en charge 🙁
    Il fonctionne avec struts2 sans aucun problème (contrairement à select2 plugin)

    OriginalL'auteur S. Russell