Jquery-如何将选定的下拉值显示为下拉选项
我有一个下拉列表,我需要用所选的值填充它。 下面是它的代码:Jquery-如何将选定的下拉值显示为下拉选项,jquery,Jquery,我有一个下拉列表,我需要用所选的值填充它。 下面是它的代码: <select name="selectedRegion" id="selectedRegion"> <option>Washington DC</option> <option>New york</option> <option>Portland</option> </select> 在这里,我检查下拉列表的值是否被选中,如果是,我将尝
<select name="selectedRegion" id="selectedRegion">
<option>Washington DC</option>
<option>New york</option>
<option>Portland</option>
</select>
在这里,我检查下拉列表的值是否被选中,如果是,我将尝试将其显示为选中的下拉选项。我怎样才能做到这一点。我已尝试获取所选选项的值并将其显示为文本。不起作用……(有什么线索可以这样做吗??
谢谢!试试这个
var regions = [];
$('#selectedRegion').children('option').each(function(i, e){
regions.push({id:e.value, name:$(e).text(),select:this.selected});
});
var values=$('#selectedRegion').val() ? true : false;
alert(values);
更改您的html
<select name="selectedRegion" id="selectedRegion">
<option value="">Select</option>
<option value="W">Washington DC</option>
<option value="N">New york</option>
<option value="P">Portland</option>
</select>
挑选
华盛顿特区
纽约
波特兰
尝试使用文本方法而不是值:
var regions = [];
var values = $('#selectedRegion').children('option').each(function(i, e){
regions.push({id:$(e).text(), name:$(e).text(),select:$(e).is(':selected')?true:false});
});
这项任务毫无意义
var values = $('#selectedRegion').children('option').each(function(i, e){
regions.push({id:e.value, name:$(e).html(),select:$(e).is(':selected')?true:false});
});
您正在为变量指定一个循环
你可以这样做
$('#selectedRegion').children('option').each(function(i, e){
var _t = $(this);
regions.push({id: _t.value, name: _t.text(), select: _t.is(":selected")});
});
$('#selectedRegion').children('option').each(function(i, e){
var _t = $(this);
regions.push({id: _t.value, name: _t.text(), select: _t.is(":selected")});
});
var regions=$('#selectedRegion>option').toArray().map(function(e){
return {id: e.value, name: $(e).text(), select: $(e).is(":selected")};
});