如何使用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显示选定的选项值？

回答

相关问题