Javascript Jquery,将所选属性设置为动态选择
我在javascript中创建了一个select,如:Javascript Jquery,将所选属性设置为动态选择,javascript,jquery,Javascript,Jquery,我在javascript中创建了一个select,如: var select = "<select>\ <option value='1'>1</option>\ <option value='2'>2</option>\ <option value='3'>3</option>\ </select>"; var选择=”
var select = "<select>\
<option value='1'>1</option>\
<option value='2'>2</option>\
<option value='3'>3</option>\
</select>";
var选择=”\
1\
2\
3\
";
我用:$('div').html(select)将这个select动态地放在一个div中代码>
但就在那之后,我需要将attributeselected
添加到这个动态选择的一个特定选项中(因为这是一个循环),其值为XXX
。我在变量中有XXX
我如何才能做到这一点?您可以使用以下方法:
只需设置其值,所选属性将自动处理:
$('div').find('select').val(XXX);
更好的方法是使用DOM元素而不是原始HTML:
var select=$(document.createElement('select')).append(
新选项(1,1),
新选项(2,2),
新选项(“third”,3)//第一个参数是文本,第二个是值
);
var selectedValue=“2”;//你的变量
select.val(selectedValue);
$('div').empty().append(选择)代码>
var选择=”\
1\
2\
3\
";
var div=$('div').html(选择);
$(div).find('select').val(2)代码>
HTML代码
$('div').find('select').val(XXX);
</div>
var yourval = '2';
var select = "<select>\
<option value='1'>1</option>\
<option value='2'>2</option>\
<option value='3'>3</option>\
</select>";
$("div").html(select);
$("select option[value="+yourval+"]").prop('selected', true);