JQuery的刷新選擇框

Question

我填充使用這種方法

$('#select').append('<option value="' + result + '">' + result + '</option>'); 

然而這留下選擇框的頁面加載使用JQuery一個選擇欄「空白」，即在選項列表中的第一個值不預先選擇選定的選項。

我如何「刷新」這個名單以便第一值預選？

對不起 - 應該說這是jQuery手機之前

謝謝。

Answer 1

您可以添加一個「選擇」屬性來選擇元素，您想選擇：

$('#select') 
    .append('<option value="' + result + '" selected="selected">' + result + '</option>'); 

你不指定如何填充正是你選擇元件，使用一個循環，你可以這樣做：

var data = ['a', 'b', 'c']; 
var $select = $('#select'); // you might wanna empty it first with .empty() 

for (var i = 0; i < data.length; i++) { 
    var o = $('<option/>', { value: data[i] }) 
     .text(data[i]) 
     .prop('selected', i == 0); 
    o.appendTo($select); 
}​ 

DEMO

---

因此，看來你正在使用jQuery Mobile的就像你在評論中所說的那樣。

如果您使用的是selectmenu 部件，你需要你做出編程更改其內容/結構之後以編程方式刷新：

$select.selectmenu("refresh", true); 

Documentation

Answer 2

簡單..你設置任何你想要的值，即：$('#select').val(5); ..所以你的情況下，其$('#select').val(result);

編輯：包括一個完整的工作示例：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script> 
<select id='select'></select> 
<br> 
<input type=button onclick='addNew()' value='Add'> 

<script> 
function addNew() 
{ 
     var result = Math.floor(Math.random()*1000); 
     $('#select').append('<option value="' + result + '">' + result + '</option>'); 
     $('#select').val(result);   
} 
</script> 

Answer 3

並非所有瀏覽器自動刷新選擇添加新選項後。

一招這對我的作品被隱藏和顯示只是添加新的選項，之後選擇框。所以你的情況：

$('#select').append('<option value="' + result + '">' + result + '</option>').hide().show(); 

至於選擇正確的新增選項，遵循：

$('select').val(result); 

Answer 4

您可以使用

$('#select').removeAttr('selected').find('option:first').attr('selected', 'selected');