动态设置选择的选项
Dynamically set option selected
如何动态设置选中的选项值?我也试过了,
function editFromDB(optVal) {
$.get("/myEnd", function(myData) {
var s = $('<select id="' + optVal + '" name="selectName" ></select>');
$(myData).each(function(iter, element){
$('<option></option>', {
value: elem.name,
text: elem.name
}).appendTo(s);
});
$("#" + optVal).val(optVal);
// ...
添加" selected: true"
$('<option></option>', {
value:"lol2",
text: "yo2",
selected : true
}).appendTo($("#test"));
使用方法:
$(myData).each(function(iter, element){
if (your_condition_for_selected) {
$('<option></option>', {
value: elem.name,
text: elem.name,
selected : true
}).appendTo(s);
});
} else {
$('<option></option>', {
value: elem.name,
text: elem.name
}).appendTo(s);
});
}
或者你可以这样做:
$(myData).each(function(iter, element){
if (your_condition_for_selected) {
$('<option></option>', {
value: elem.name,
text: elem.name,
selected : your_boolean_condition
}).appendTo(s);
});
}
试试这个:
function editFromDB(optionVal){
$.get("/myEnd",function(myData) {
var s = $('<select id="' + optVal + '" name="selectName" ></select>');
$(myData).each(function(iter,element){
var op = $('<option>');
...
if(elem.name == optVal)
op.attr('selected','selected');
s.append(op);
});
//$("#" + optVal).val(optVal);
首先,您需要将您创建的select
附加到DOM中,然后才能在其上设置val()
。
其次,你可以直接使用你在s
变量中的jQuery对象,而不必一起破解id
选择器。试试这个:
function editFromDB(optVal) {
$.get("/myEnd", function(myData) {
var $s = $('<select id="' + optVal + '" name="selectName" ></select>').appendTo('body'); // append here as needed
$.each(myData, function(i, element){
$('<option></option>', {
value: elem.name,
text: elem.name
}).appendTo($s);
});
$s.val(optVal);
});
}
工作示例
相关文章:
- 使用此选项选择父类内部的类
- 更新:仅根据单选按钮和所选选项选择特定项目
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- ng-单击在IE中不起作用的选项选择Angularjs
- 从选项选择中删除值
- On为<选项>选择等效项
- 用户界面先前选择的选项选择更改
- 使用ng重复或ng选项和删除空白选项选择长方体角度
- 在HTML5、CSS、JavaScript中添加选项选择器,类似于移动应用程序中的选项设置
- 输入:选中,选项:选择选择器
- 根据使用angularjs从下拉菜单中选择的选项选择适当的复选框
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 使用ng选项选择中的ng选项进行过滤器下拉列表
- 如何设置选项选择的值
- 如何搜索长下拉选项/选择列表
- jQuery - 根据下拉选项选择列出结果
- 从选项选择单击时打开 2 个 URL
- 在 Angular JS 中为 ng 选项选择默认值
- 下拉选项选择的操作
- 通过单击单选按钮清除所有选项选择条目