Вход

Просмотр полной версии : jQuery Plugin For Seachable, может кто использовал


AlexOk
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>

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

рони
14.11.2016, 13:26
AlexOk,
читать документацию и в вопросе указывать ссылку на документацию
http://pbauerochse.github.io/searchable-option-list/configuration.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
14.11.2016, 13:46
Спасиб)