it-swarm.com.de

platzhalter für jQuery Select2 funktioniert nicht

Ich folge diesem Dokument http://ivaynberg.github.io/select2/ , um eine Auswahlbox mit placeholder zu erstellen. Mein Problem ist, dass placeholder nicht funktioniert. Können Sie helfen, diesen Code zu korrigieren?

Code: Auch unter http://jsfiddle.net/VwGGU/3/

HTML:

<select style="width:300px" id="source">
    <optgroup label="Alaskan/Hawaiian Time Zone">
        <option value="AK">Alaska</option>
        <option value="HI">Hawaii</option>
    </optgroup>
    <optgroup label="Pacific Time Zone">
        <option value="CA">California</option>
        <option value="NV">Nevada</option>
        <option value="OR">Oregon</option>
        <option value="WA">Washington</option>
    </optgroup>
</select>

Javascript:

$("#e2").select2({
    placeholder: "Select a State",
    allowClear: true
});

Das obige Beispiel zeigt "Alaska" anstelle von "Select a State" als Platzhalter.

UPDATE 1:

select2.js jetzt und leer option hinzugefügt. Es zeigt immer noch nicht placeholder

HTML

<select style="width:300px" id="source" placeholder="testt test">
    <option></option>
    <optgroup label="Alaskan/Hawaiian Time Zone">
        <option value="AK">Alaska</option>
        <option value="HI">Hawaii</option>
    </optgroup>
    <optgroup label="Pacific Time Zone">
        <option value="CA">California</option>
        <option value="NV">Nevada</option>
        <option value="OR">Oregon</option>
        <option value="WA">Washington</option>
    </optgroup>

JS

$(document).ready(function () {
    $("#source").select2({
        placeholder: "Select a State",
        allowClear: true
    });
});

http://jsfiddle.net/VwGGU/6/

UPDATE 2:

Seltsam, dass jsfiddle einen Fehler ausgegeben hat, als ich den .css- und .js-Link von github kopierte. Diese Version funktioniert

HTML

<select style="width:300px" id="source" >
    <option></option>
    <optgroup label="Alaskan/Hawaiian Time Zone">
        <option value="AK">Alaska</option>
        <option value="HI">Hawaii</option>
    </optgroup>
    <optgroup label="Pacific Time Zone">
        <option value="CA">California</option>
        <option value="NV">Nevada</option>
        <option value="OR">Oregon</option>
        <option value="WA">Washington</option>
    </optgroup>

JS

$(document).ready(function () {
    $("#source").select2({
        placeholder: "Select a State",
        allowClear: true
    });
});

http://jsfiddle.net/VwGGU/9/

19
HP.

Ihr select-Element hat eine ID von source, aber Sie zielen auf eine id von e2 in Ihrem jQuery-Selektor und Sie benötigen ein leeres <option>-Tag

30
Pierre

Hast du das gemacht:

Wenn ein Platzhalter für ein Auswahlfeld mit mehreren Werten verwendet wird, müssen Sie als erste Option ein leeres Tag angeben

41
Mediabeastnz
$selectElement.select2({
    minimumResultsForSearch: -1,
    placeholder: 'Select Relatives'
}).on('select2-opening', function() {
    $(this).closest('li').find('input').attr('placeholder','Select Relative');
});
1
Amar Jagtap

Versuchen Sie das. In HTML schreiben Sie den folgenden Code.

<select class="select2" multiple="multiple" placeholder="Select State">
    <option value="AK">Alaska</option>
    <option value="HI">Hawaii</option>
</select>

Und schreibe in dein Skript den untenstehenden Code.

<script>
         $( ".select2" ).select2( { } );
 </script>
0
Raham

Sie sollten dem select ein leeres Optionstag hinzufügen.

<select data-placeholder="Chose number" data-allow-clear="true" data-width="50%">
    <option></option>
    <option value="1">Number one</option>
    <option value="2">Number two</option>
    <option value="3">Number three</option>
</select>

Check this link Platzhalter funktioniert nur, wenn ein Optionselement leer ist

0
anayarojo
<select id="select2Box" class="form-control brand-select">
    <option value="">Select Franchise</option>
</select>
0
Malladi Bhaskar