所选值在select2引导jquery的编辑模式下不显示

我有两个html页面，我是下拉式设计的

我正在下拉列表中成功获取值。保存页面后，我选择了一个值。保存成功。在编辑该页面中的页面后，我尝试使用所选值显示相同的下拉列表，但它不起作用

<form>  
<div class="form-group ">
<label for="empcode" class="col-lg-4 control-label"><span class="mandatory"></span> Code </label>
 <div class="col-lg-6">
 <select class="form-control select2" id="empcode" ></select>
  </div>
</div>
</form> 

$( ".select2" ).select2( );
 var $selectcode = $('#empcode');                               
$.getJSON('/empCodes', function(data1){                            
$selectcode.html('');
$selectcode.append('<option>'+"--Select--"+'</option>');
$.each(data1.data, function(key, val){
$selectcode.append('<option id='+val.id+'>'+val.code+'</option>');
})
});

代码
$（“.select2”）.select2（）；
变量$selectcode=$（“#empcode”）；
$.getJSON（'/empCodes'，函数（data1）{
$selectcode.html（“”）；
$selectcode.append（“”+”--Select--“+”）；
$.each（data1.data，函数（key，val）{
$selectcode.append（“”+val.code+“”）；
})
});

编辑页面代码：

<form>
<div class="form-group ">
<label for="empcode" class="col-lg-4 control-label"><span class="mandatory"></span> Code </label>
 <div class="col-lg-6">
 <select class="form-control select2" id="empcode" th:value="*{code}">
 </select>
 </div>
 </div>
</form>

代码

通过使用

thymeleaf

th:value=“*{code}”

我正在显示所选的值，但不起作用

---

我的代码中有错误吗？

这里是选择器中的错误

更改此

var$selectcode=$（'empcode'）

to

var$selectcode=$（“#empcode”）

如果按ID选择元素，则元素选择器应具有
#

所以
$（'empcode'）
应该是这样的
$（'empcode'）

在每次完成/数据追加后再次调用库函数

比如说

var $selectcode = $('#empcode');
$.getJSON('/empCodes', function(data1) {
    $selectcode.html('');
    $selectcode.append('<option>' + "--Select--" + '</option>');
    $.each(data1.data, function(key, val) {
        $selectcode.append('<option id=' + val.id + '>' + val.code + '</option>');
    });
    // function here 
    $(".select2").select2();
});

var$selectcode=$（'#empcode'）；
$.getJSON（'/empCodes'，函数（data1）{
$selectcode.html（“”）；
$selectcode.append（“”+”--Select--“+”）；
$.each（data1.data，函数（key，val）{
$selectcode.append（“”+val.code+“”）；
});
//在这里起作用
$（“.select2”）.select2（）；
});
Jquery没有
select2
方法。请检查第一行代码

$( ".select2" ).select();

你能准确地解释一下吗？什么是函数不起作用

您想将所选单词设置为您的
标签吗？
？如果答案是肯定的，我可以为您提供简单的代码

代码

$selectcode.on("change",function(){
  var selectedWord =    $( "#empcode option:selected" ).text();
  $(".control-label").text(selectedWord);
})

控制台上有错误吗？@Ismail Farooq:控制台中没有错误，但没有变化。
{“data”：[{“id”：1，“code”：“123”}，{“id”：2，“code”：“456”}，{“id”：3，“code”：“789”}，{“id”：4，“code”：“556”}，{“id”：5，“code”：“446”}
这里我的问题是选择123，例如，好的。我用123保存了表格。接下来，我正在编辑表单，这次将调用另一个html页面。在这个页面中，我试图显示在下拉默认显示123.ah比你需要解析选定的值让我们。没有标签，只选择框