Chosen: Datenplatzhalter funktioniert nicht

Erstellt am 11. Aug. 2011  ·  22Kommentare  ·  Quelle: harvesthq/chosen

Ich würde das eher als Option sehen.

In FF5.0 und IE9 wird immer noch "Select Some Options" angezeigt

  <select data-placeholder="Select State(s)..." class="state_list" multiple>
    <option value=""></option> 
    <option value="OL">(Online Courses)</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
    <option value="IA">Iowa</option>
    <option value="KS">Kansas</option>
    <option value="KY">Kentucky</option>
    <option value="LA">Louisiana</option>
    <option value="ME">Maine</option>
    <option value="MD">Maryland</option>
    <option value="MA">Massachusetts</option>
    <option value="MI">Michigan</option>
    <option value="MN">Minnesota</option>
    <option value="MS">Mississippi</option>
    <option value="MO">Missouri</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option>
    <option value="NV">Nevada</option>
    <option value="NH">New Hampshire</option>
    <option value="NJ">New Jersey</option>
    <option value="NM">New Mexico</option>
    <option value="NY">New York</option>
    <option value="NC">North Carolina</option>
    <option value="ND">North Dakota</option>
    <option value="OH">Ohio</option>
    <option value="OK">Oklahoma</option>
    <option value="OR">Oregon</option>
    <option value="PA">Pennsylvania</option>
    <option value="PR">Puerto Rico</option>
    <option value="RI">Rhode Island</option>
    <option value="SC">South Carolina</option>
    <option value="SD">South Dakota</option>
    <option value="TN">Tennessee</option>
    <option value="TX">Texas</option>
    <option value="UT">Utah</option>
    <option value="VT">Vermont</option>
    <option value="VA">Virginia</option>
    <option value="WA">Washington</option>
    <option value="WV">West Virginia</option>
    <option value="WI">Wisconsin</option>
    <option value="WY">Wyoming</option>
  </select>

Hilfreichster Kommentar

Sie müssen eine leere Option vor allen Optionen platzieren:

Alle 22 Kommentare

Egal, ich habe den Tomapano-Zweig heruntergeladen und das Titelattribut verwendet.

Ich meinte den Tompaton-Zweig

Ich stehe vor diesem Problem und kann es nicht lösen. Bitte helfen.

Wenn Sie jQuery älter als 1.4.3 verwenden, müssen Sie diesen Fix hinzufügen, um jQuery.data() Unterstützung für HTML5-Datenattribute hinzuzufügen:

http://binarykitten.me.uk/dev/jq-plugins/288-html5-data-attributes-and-jquerys-data-pairing-made-in-heaven.html

Ich sehe das gleiche Problem und verwende jquery 1.6.4 ...

Vielleicht verwenden Sie eine abgespeckte jquery? 1.6.4 sollte auf jeden Fall funktionieren.

Nein, es ist die Vollversion

Versuchen Sie, einen minimalen Testfall zu erstellen, um das Problem zu replizieren.

Sie verwenden eine alte Version von gewählt, versuchen Sie es erneut mit der neuesten. Und versuchen Sie es mit der nicht-minifizierten Version, auf diese Weise ist es einfacher zu debuggen.

Warum verwenden Sie nicht attr('data-placeholder') anstelle von data('placeholder')? Es ist viel tragbarer und von der gleichen Einfachheit.

@varepsilon : Denken Sie daran, dass man in den Daten-Hash von jQuery schreiben kann, ohne das Attribut zu aktualisieren, daher sind die beiden nicht unbedingt äquivalent. Zum Beispiel:

<div id="foo" data-bar="baz"></div>
$('#foo').data('bar') // "baz"
$('#foo').data('bar', 'quux')
$('#foo').data('bar') // "quux"
$('#foo').attr('data-bar') // "baz"

Achten Sie auch auf diese Falle:

<div id="commit" data-hash="368e54010865"></div>
$('#commit').attr('data-hash') // "368e54010865"
$('#commit').data('hash') // Infinity

@davidchambers : Ok, ich

@varepsilon : Ich data-placeholder Attribut zu ziehen.

Sie müssen eine leere Option vor allen Optionen platzieren:

Chosen setzt automatisch den Standardfeldtext ("Choose a country..."), indem der Datenplatzhalterwert des select-Elements gelesen wird. Wenn kein Datenplatzhalterwert vorhanden ist, wird standardmäßig "Wählen Sie eine Option" oder "Wählen Sie einige Optionen" aus, je nachdem, ob es sich um eine Einzel- oder Mehrfachauswahl handelt. Sie können diese Elemente in der Plugin-js-Datei nach Belieben ändern.

Steht vor dem gleichen Problem und verwendet das zuletzt ausgewählte & jquery2 mit einer leeren Option.

ich stehe auch vor dem gleichen Problem..

Ich hatte das gleiche Problem, aber genau wie mandrei99 sagte, müssen Sie eine leere Option haben, damit dies funktioniert. Hat bei mir funktioniert, sobald ich einen hinzugefügt habe.

Ich hatte das gleiche Problem und habe eine leere Stelle platziert

Danke @andrei-manescu das war alles was ich brauchte ;)

Wie kommt es, dass wir eine leere Option hinzufügen müssen, damit dies angezeigt wird, sollte es nicht stattdessen über Javascript hinzugefügt werden? War eine Weile auf der Suche, als ich sah, dass es nur daran lag.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

alexfrancavilla picture alexfrancavilla  ·  9Kommentare

Scalamoosh picture Scalamoosh  ·  8Kommentare

kafoso picture kafoso  ·  5Kommentare

eduardokranz picture eduardokranz  ·  6Kommentare

vpode picture vpode  ·  5Kommentare