Я не могу заставить работать окно выбора множественного числа

Question

Я не могу заставить работать окно выбора множественного числа

0

Я не могу заставить этот плагин работать правильно. Документация немного запутанна.

Здесь сайт, на котором я работаю над " http://smartbin.launchlabs.asia/ ", и здесь jsfiddle jsfiddle.net/7Ljq2/моего кода.

<select multiple id = "zipcode" style = "height:auto;">
<optgroup label="Brighton Council">
    <option value = "BC">Brighton 3186</option>
    <option value = "BC">Brighton East 3187</option>
    <option value = "BC">East Brighton 3187</option>
    <option value = "BC">East Hampton 3188</option>
    <option value = "BC">Hampton 3188</option>
    <option value = "BC">Hampton East 3188</option>
    <option value = "BC">Highett 3190</option>
    <option value = "BC">Sandringham 3191</option>
    <option value = "BC">Beaumaris 3193</option>
    <option value = "BC">Cheltenham 3192</option>
    <option value = "BC">Black Rock 3193</option>
    <option value = "BC">Mentone 3194</option>
</optgroup>
</select>

Это внутри метки заголовка

      <link href="/select2.css" rel="stylesheet"/>
  <script src="/select2.js"></script>

  <script>
        $(document).ready(function() {

          $("#zipcode").select2(); 

        });
  </script>

Я мог бы просто пропустить что-то действительно очевидное. Мне действительно нужна помощь в этом. Благодарю.

Richard Son 15 март 2014, в 05:07

Источник

Теги:

javascript

jquery

html

3 ответа

2

Я обновил ваш пример jsfiddle с проблемами, которые я видел.

Рабочий пример: http://jsfiddle.net/7Ljq2/1/

Несколько вещей:

Вы должны включить внешние ресурсы (JS, CSS).
Вы должны включить jQuery, поскольку он необходим плагину, который вы используете.
Код JS должен onDomReady вместо onLoad.
Выбор не требует style или multiple атрибутов.

Большинство параметров настраиваются в левом меню интерфейса jsfiddle.

HTML:

<select id="zipcode">
    <option value = "BC">Brighton 3186</option>
    <option value = "BC">Brighton East 3187</option>
    <option value = "BC">East Brighton 3187</option>
    <option value = "BC">East Hampton 3188</option>
    <option value = "BC">Hampton 3188</option>
    <option value = "BC">Hampton East 3188</option>
    <option value = "BC">Highett 3190</option>
    <option value = "BC">Sandringham 3191</option>
    <option value = "BC">Beaumaris 3193</option>
    <option value = "BC">Cheltenham 3192</option>
    <option value = "BC">Black Rock 3193</option>
    <option value = "BC">Mentone 3194</option>
</select>

JS:

$("#zipcode").select2();

Chase 15 март 2014, в 02:31

-1

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

здесь вы можете получить nos типов select boxes.Try и проверить ваш код с теми.

Abhishek 15 март 2014, в 01:10

Ещё вопросы

suhailvs · Accepted Answer · 2014-03-15T01-33-00.000Z

ваш сайт имеет некоторые ошибки:

  jQuery.document).ready(function() {
      alert("hi");
    jQuery("#zipcode").select2();

    });

нет скобки (:

вы должны использовать: jQuery(document).ready(function() {

Спасибо, сэр, это сработало, когда я увидел, что я использую $ вместо jQuery.
@RichardSon для Debbuggin Javascript вы можете использовать Firebug или Chorme консоли