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

我使用select2 to（）创建下拉列表。刷新页面后显示所选项目时出现问题（我的选择存储在DB中）。我在哪里添加了select或selected=“selected”？ 我无法添加此项，因为我网站的每个用户都在其设置中选择自己的项目

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

$（文档）.ready（函数（）{
$（“.js示例基本单曲”）。选择2({
});
$（“选择”）。选择2({
});
});          
城市1
城市2

$（文档）.ready（函数（）{
var storedValue='city2'；
var$select=$（“.js示例基本单”）.select2（{}）；
$select.select2（'val'，'storedValue'）；
});          
城市1
城市2

---

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

localStorage

存储用户选择的内容。

可能重复的内容您解决问题了吗？

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