Форум

AlexOk · #1 (**permalink**) 14.11.2016, 12:51

Доброго времени суток. Господа, нашел плагин для добавления из выпадающего списка элементов, который выводит выбранные элементы на экран в виде тегов.

<script type="text/javascript" src="sol.js"></script>
<link rel="stylesheet" href="sol.css">

<html>
<select id="my-select" name="character" multiple="multiple">
</select>
<script type="text/javascript">
  $(function() {
    $('#my-select').searchableOptionList({
      data: [
        {
          "type": "optiongroup",
          "children": [
            { "type": "option", "value": "1",   "label": "item1"},
            { "type": "option", "value": "2",   "label": "item2"},
            { "type": "option", "value": "3",   "label": "item3"},
            { "type": "option", "value": "4",   "label": "item4"},
            { "type": "option", "value": "5",   "label": "item5"}
          ]
        }
      ],
      showSelectAll: true,
      useBracketParameters: true
    });
  });

</script>

</html>

Вот кусочек кода. Все работает как надо. Хотел спросить может кто знает как вытащить выбранные пользователем элементы?

рони · #2 (**permalink**) 14.11.2016, 13:26

AlexOk,
читать документацию и в вопросе указывать ссылку на документацию
http://pbauerochse.github.io/searcha...iguration.html
может есть проще способ но можно так

$(function() {
      $('#my-select').searchableOptionList({
          data: [{
              "type": "optiongroup",
              "children": [{
                  "type": "option",
                  "value": "1",
                  "label": "item1"
              }, {
                  "type": "option",
                  "value": "2",
                  "label": "item2"
              }, {
                  "type": "option",
                  "value": "3",
                  "label": "item3"
              }, {
                  "type": "option",
                  "value": "4",
                  "label": "item4"
              }, {
                  "type": "option",
                  "value": "5",
                  "label": "item5"
              }]
          }],
          showSelectAll: true,
          useBracketParameters: true,
          events: {
              onChange: function(sol, changedElements) {
                  alert($.map(sol.getSelection(), function(el) {
                      return el.value
                  }))
              }

          }
      });
  });

AlexOk · #3 (**permalink**) 14.11.2016, 13:46

Спасиб)

Форум

Справочник

Discord чат

Курсы javascript