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

Question

我能夠將數組中的值附加到選擇選項。 當我這樣做時，我無法在選擇框中看到文本值（A1）。 但是，當我使用警報框時，它顯示A1作為所選選項。

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

有人可以幫我嗎？

Answer 1

試試這個

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/