如何使用jquery顯示選定的選項值？

我能夠將數組中的值添加到select選項。當我這樣做時，我無法在選擇框中看到文本值（A1）。但是當我使用警報框時，它將A1顯示爲選定的選項。如何使用jquery顯示選定的選項值？

我的jQuery代碼：

var route=['A1','A2','A3','A4','A5','A6','A7',......,'A50'] 
$.each(route, function(key, value) { 
$('#room').append($('<option>', { value : key }).text(value)); 

if (!$("#room option:selected").length) 
$("#room option[value='0']").attr('selected', 'selected');

這是我的html代碼：

<div data-role="fieldcontain"> 
<select name="room" id="room"> 
</select>   
</div>

誰能幫我在這一個？

來源

2012-08-13 Newbie

太多'ooo'在你的選擇。 - '！$（「＃rooom選項：選中」）' – ahren 2012-08-14 00:01:08

您的代碼中存在一些錯誤。它是「路線」還是「A_Route」？你錯過了每個塊上的'}）;'。 – MrOBrian 2012-08-14 00:07:17

我做了一個複製/粘貼到jsFiddle，修復了幾個代碼問題，它工作得很好，所以我想你會得到腳本錯誤導致東西不出現 – MrOBrian 2012-08-14 00:12:28

試試這個

var route=['A1','A2','A3','A4','A5','A6','A7','A50'], html; 
$.each(route, function(key, value) { 
    html += '<option value="'+key+'">'+value+'</option>'; 
}); 
$('#room').append(html); 

if ($("#room").val() !== '0') { 
    $("#room").val(0); // using .val() will select the correct option for you, based on it's value attribute 
}

見：http://jsfiddle.net/tyPFu/

來源

2012-08-14 00:02:13

[是的，但是]（http://api.jquery.com/jQuery/#jQuery2） – MrOBrian 2012-08-14 00:09:07

我站好了！ – 2012-08-14 00:09:55

@Ben：你的ans在jsfiddle上工作正常，但它仍然沒有在我的瀏覽器上顯示A1值。 – Newbie 2012-08-14 00:47:43

如何使用jquery顯示選定的選項值？

回答

相關問題