ds-select
v2.0.0
Published
## Settings editableDiv : true This use div instead input. Usefull to eliminate autocomplete feature.
Downloads
2
Readme
ds_select
Settings
editableDiv : true
This use div instead input. Usefull to eliminate autocomplete feature.
type : select | autocomplete
template_before : <html>
template_after : <html>
template_select_icon : <html>Init
let select = new DS_Select.default({
"name" : "test"
});
document.getElementById("test").appendChild(select.node);Init Example 2
<script>
let select = new DS_Select.default({
"name" : "test",
"options_length" : 5,
"options" : [
{
"value" : 1,
"searchValue" : "Dmytro Shatalov",
"label" : "<div class='adadad'><b>Dmytro Shatalov</b></div>",
"selectedLabel" : "Dmytro"
},
{
"value" : 2,
"searchValue" : "Roma Shatalov",
"label" : "Roma Shatalov"
}
],
});
document.getElementById("test").appendChild(select.node);
</script>Events
onBlur(this) onFocus(this) onSelect(this, option)
Default settings you can override
allow_input_value
Default value is "true"
Possible value is "false"
It allow user's free input to be used as value. If you set it to false - only picked value from drop down will be possible.setOptions on init
let select = new DS_Select.default({
"name" : "test"
"options" : [options]
});
document.getElementById("test").appendChild(select.node);setOptions later
select.setOptions([options]);Options structure
[
{
"value" : "Value you actually will pick",
"label" : "How you want represent value in UI, html also"
}
]