Javascript Jquery,将所选属性设置为动态选择

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选择=”

我在javascript中创建了一个select,如:

        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中

但就在那之后,我需要将attribute
selected
添加到这个动态选择的一个特定选项中(因为这是一个循环),其值为
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);