在选择输入中设置默认选择值
set default selected value in selectize input
我有一个表单,在加载页面时我需要一些默认的选定值。是这样的:
这是我当前用于从远程服务器获取选项的代码:
(function () { // function for selectize
axios.get('/api/tags/', {
headers: {'Authorization': "JWT " + sessionStorage.getItem('token')}
}).then(function (response) {
let nisha = [];
response.data.map(function (hiren) {
let bunny = {'value': '', 'text': ''};
bunny['value'] = hiren.name;
bunny['text'] = hiren.name;
nisha.push(bunny);
});
let $select = $('#tags').selectize({
delimiter: ';',
persist: false,
options: nisha,
items: tags,
create: function(input) {
return {
value: input,
text: input
}
}
})
//var selectize = $select[0].selectize;
//selectize.setValue('something', true);
}).catch(function (error) {
console.error(error);
})
})();
您可以在逗号分隔的值属性中传递默认值,如下所示:
<input type="text" id="tags" class="demo-default selectized" value="awesome,neat" tabindex="-1" style="display: none;">
如果不起作用,请尝试为此代码段创建 jsfiddle。
希望这会奏效。
我有一个表单,在加载页面时我需要一些默认的选定值。是这样的:
这是我当前用于从远程服务器获取选项的代码:
(function () { // function for selectize
axios.get('/api/tags/', {
headers: {'Authorization': "JWT " + sessionStorage.getItem('token')}
}).then(function (response) {
let nisha = [];
response.data.map(function (hiren) {
let bunny = {'value': '', 'text': ''};
bunny['value'] = hiren.name;
bunny['text'] = hiren.name;
nisha.push(bunny);
});
let $select = $('#tags').selectize({
delimiter: ';',
persist: false,
options: nisha,
items: tags,
create: function(input) {
return {
value: input,
text: input
}
}
})
//var selectize = $select[0].selectize;
//selectize.setValue('something', true);
}).catch(function (error) {
console.error(error);
})
})();
您可以在逗号分隔的值属性中传递默认值,如下所示:
<input type="text" id="tags" class="demo-default selectized" value="awesome,neat" tabindex="-1" style="display: none;">
如果不起作用,请尝试为此代码段创建 jsfiddle。
希望这会奏效。