如何设置 JSON 文件中的下拉值
How can I set drop down values from JSON file
我是 selectize 的新手,我想设置来自 JSON 文件的标签输入的下拉列表选项,现在下拉列表显示输入值的内容。
{"California":["Los Angeles","San Diego","San Jose","San Francisco","Fresno","Sacramento"]}
<input type="text" id="myCity" class="form-control mb-4" placeholder="City" value="San Diego, San Francisco">
<script class="show">
$('#myCity').selectize({
delimiter: ',',
persist: false,
maxItems: 5,
plugins: ['remove_button'],
create: function(input) {
return {
value: input,
text: input
}
}
});
</script>
我终于找到了解决这个问题的方法
var data = ["Los Angeles", "San Diego", "San Jose", "San Francisco", "Fresno", "Sacramento"];
var cities = data.map(function(x) { return { city: x }; });
$('#input-tags').selectize({
delimiter: ',',
persist: false,
maxItems: 5,
plugins: ['remove_button'],
valueField: 'city',
labelField: 'city',
searchField: 'city',
options: cities,
create:true,
render: {
option: function(item, escape) {
return '<div>' +
'<span class="name">' + escape(item.city) + '</span>' +
'</div>';
}
}
});
您还可以在城市中循环并将每个选项作为子项附加到 DOM 对象上。
我是 selectize 的新手,我想设置来自 JSON 文件的标签输入的下拉列表选项,现在下拉列表显示输入值的内容。
{"California":["Los Angeles","San Diego","San Jose","San Francisco","Fresno","Sacramento"]}
<input type="text" id="myCity" class="form-control mb-4" placeholder="City" value="San Diego, San Francisco">
<script class="show">
$('#myCity').selectize({
delimiter: ',',
persist: false,
maxItems: 5,
plugins: ['remove_button'],
create: function(input) {
return {
value: input,
text: input
}
}
});
</script>
我终于找到了解决这个问题的方法
var data = ["Los Angeles", "San Diego", "San Jose", "San Francisco", "Fresno", "Sacramento"];
var cities = data.map(function(x) { return { city: x }; });
$('#input-tags').selectize({
delimiter: ',',
persist: false,
maxItems: 5,
plugins: ['remove_button'],
valueField: 'city',
labelField: 'city',
searchField: 'city',
options: cities,
create:true,
render: {
option: function(item, escape) {
return '<div>' +
'<span class="name">' + escape(item.city) + '</span>' +
'</div>';
}
}
});
您还可以在城市中循环并将每个选项作为子项附加到 DOM 对象上。