Я следую этому документу http://ivaynberg.github.io/select2/, чтобы создать поле выбора с placeholder
. Моя проблема в placeholder
не работает. Вы можете помочь исправить этот код?
Код: Также на 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
});
В приведенном выше примере показано "Аляска" вместо "Выберите состояние" в качестве заполнителя.
ОБНОВЛЕНИЕ 1:
Добавлено select2.js
сейчас и пустое option
. Он все еще не показывает 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
});
});
ОБНОВЛЕНИЕ 2:
Странно, что jsfiddle дал ошибку, когда я скопировал ссылку .css и .js из github. Эта версия работает
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
});
});