Question

我有这个下拉

<select class="dropdown"><option value="0">Disabled</option><option value="1">Enabled</option></select>

在javascript中使用查询或只是简单的javascript，我想动态地将选择框的值更改为我的div show的值。这是我的div节目

启用

所以如果这个div是Enabled我应该在Enabled选项中选择。所以上面的下拉将是

<select class="dropdown"><option value="0">Disabled</option><option value="1" selected>Enabled</option></select>

我该怎么做？感谢

Answer 1

this fiddle

怎么样？

HTML

<select class="dropdown">
    <option value="0">Disabled</option>
    <option value="1">Enabled</option>
</select>

<div id="myId">Enabled</div>

的Javascript

$('.dropdown option:contains(' + $('#myId').text() + ')').attr('selected', true);

或更好this

$('.dropdown').val($('.dropdown option:contains(' + $('#myId').text() + ')').val())

两者之间的区别在于，一个人正在分配所选属性（但这意味着可能有更多的那个项目带有selected="selected"）。第二个更好，因为它将值分配给下拉列表。

这一切都取决于你需要如何访问下拉列表...个人我会选择.val()

Answer 2

你可以这样做：

演示：http://jsfiddle.net/eXbFg/

如果Div已“启用”，它将选择“已启用”选项

Answer 3

这个小提琴怎么样？

http://jsfiddle.net/rMrSU/

HTML

启用

<select class="dropdown">
    <option value="0">Disabled</option>
    <option value="1">Enabled</option>
</select>

JS

$(document).ready(function(){
    $('.dropdown option').each(function(){
        if($(this).text()==$('div#show').text())
            $(this).attr('selected','selected');
    });
});

Answer 4

您的问题不是很清楚......与此功能类似？

http://jsfiddle.net/eXbFg/

请注意，如果您感觉更舒服，可以使用文字或价值。

更改下拉选项动态SELECTED

4 个答案: