Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery显示所选的选项值?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jquery显示所选的选项值?

Javascript 如何使用jquery显示所选的选项值?,javascript,jquery,Javascript,Jquery,我能够将数组中的值附加到select选项。当我这样做时,我无法在选择框中看到文本值(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));

我能够将数组中的值附加到select选项。当我这样做时,我无法在选择框中看到文本值(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'); 
var-route=['A1'、'A2'、'A3'、'A4'、'A5'、'A6'、'A7'、……和'A50']
$。每个(路径、功能(键、值){
$('#room').append($('',{value:key}).text(value));
如果(!$(“#房间选项:选中”)。长度)
$(“#房间选项[value='0']”)attr('selected','selected');
这是我的html代码:

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

有人能帮我做这个吗?

试试这个

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
} ​
var-route=['A1','A2','A3','A4','A5','A6','A7','A50',html;
$。每个(路径、功能(键、值){
html+=''+值+'';
});
$('#room')。附加(html);
如果($(“#房间”).val()!='0'){
$(“#room”).val(0);//using.val()将根据其value属性为您选择正确的选项
} ​

请参阅:

选择器中的
ooo
太多。-!$(“#oom选项:已选定”)代码中有一些错误。是
路线
还是
a_路线
?您缺少关闭
在你的每个块上。我复制/粘贴到JSFIDLE中,修复了一些代码问题,它工作得很好,所以我猜你会遇到脚本错误,导致事情无法显示哦,是的!很抱歉输入错误。做了一些编辑@Ben:您的ans在JSFIDLE上运行良好,但它仍然没有在我的浏览器上显示A1值;或$(函数(){});或者使用任何函数调用