選擇的值不會在選擇2引導jQuery的

-1

編輯模式顯示我有，我正在設計的下拉兩個HTML頁面。選擇的值不會在選擇2引導jQuery的

我在下拉菜單中成功獲取值。我在保存頁面後選擇了一個值。它已成功保存。我正在編輯在該網頁的頁面之後我試圖表現出相同的下拉與選定的價值，但它不工作

<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>'); 
}) 
});

編輯頁面代碼：

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

通過使用thymeleafth:value="*{code}"我顯示了選定的值。但不工作。

在我的代碼的任何錯誤呢？

來源

2017-04-27 Durga

有在控制檯上的任何錯誤？ –

@Ismail法魯克：有控制檯 – Durga

這裏您在選擇的錯誤

改變這個var $selectcode = $('empcode');到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(); 
});

來源

2017-04-27 07:11:20

沒有錯誤我改變了，但沒有什麼區別。 – Durga

你能告訴我你的JSON嗎？ –

'{ 「數據」：[{ 「ID」：1，「代碼」：「123」}，{ 「ID」：2 「碼」：「456」}，{ 「ID」：3 「代碼」：「789」}，{ 「ID」：4 「代碼」：「556」}，{ 「ID」：5，「代碼」：「446」}]}' – Durga

的Jquery沒有select2 method.Check你的第一行代碼。

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

你能準確解釋嗎？什麼是功能不工作？

你要選擇的字設置爲您label嗎？如果答案是肯定的，我可以捐簡單的代碼爲您服務。

代碼

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

來源

2017-04-27 07:31:10

沒有標籤，只有選擇框 – Durga

選擇的值不會在選擇2引導jQuery的

回答

相關問題