Question

我使用select2到（https://select2.github.io）来建立下拉列表。刷新页面后显示所选项目有问题（我的选择存储在DB中）。我可以添加select或selected =＆＃34; select＆＃34; ？我无法添加此内容，因为我的网站的每个用户都在其设置中选择自己的项目。

<script>
$(document).ready(function() {
$(".js-example-basic-single").select2({
});
$("select").select2({
});
});          
</script>
<select class="js-example-basic-single" name="field">
  <option value="city1">city1</option>
   <option value="city2">city2</option>
</select>

Answer 1

<script>
$(document).ready(function() {
  var storedValue = 'city2';
  var $select = $(".js-example-basic-single").select2({});
  $select.select2('val', 'storedValue');
});          
</script>
<select class="js-example-basic-single" name="field">
  <option value="city1">city1</option>
   <option value="city2">city2</option>
</select>

如何从服务器获取存储值取决于您/堆栈。如果您没有后端，可以使用localStorage存储用户选择的内容。

选择2 - 在刷新页面后显示所选项目

1 个答案: