在重建選項列表時丟失選擇選項的焦點

Question

我正在動態設置選擇字段的選項。每次表單更改時，都會從Servlet接收新數據，並且當前選擇會被覆蓋。

這裏的問題是，如果我選擇一個選項，表單加載JavaScript函數，並且我鬆開了我的選擇/焦點。

var capacityOptionsAsString = ""; 
for(var i = 0; i < capacityArray.length; i++) { 
    capacityOptionsAsString += "<option value='" + capacityArray[i] + "'>" + capacityArray[i] + "</option>"; 
    console.log('capacity option: ' + capacityOptionsAsString); 
} 
$("select[name='inptCapacity']").find('option').remove().end().append($(capacityOptionsAsString)); 

任何想法如何保持選擇？

---

編輯：也許我還不夠清楚。我想保留選擇。所以它必須被驗證，如果選擇了該選項，如果它是，我們必須再次選擇它。

Answer 1

只需設置一次焦點：

$("select[name='inptCapacity']").focus(); 

更新

得到選定的選項：

var selected_value = $("select[name='inptCapacity'] option:selected").val() 

做更改

$("select[name='inptCapacity']").find('option').remove().end().append($(capacityOptionsAsString)); 

再次選擇它：

$('select[name='inptCapacity'] option[value="' + selected_value + "]').attr('selected', 'selected'); 

你完全需要爲您選擇一個ID;）

Answer 2

$('select[name="inptCapacity"]').is(':focus'); 

$('form[name="formName"] :input').change(function() { 

    // keep the select focus always on input change 

    $('select[name="inptCapacity"]').focus(); 

});