0

我有一个具有这种结构的选择元素：

<div class="ddl">
    <select>
        <option selected value="select">Select</option>
        <option value="T">Toyota</option>
        <option value="P">Porsche</option>
        <option value="N">Nissan</option>
        <option value="V">Volkswagen</option>
    </select>
</div>

并且没有选择元素的 ID 将其传递给 jQuery 选择器，只有 div 的父类。

如何通过文本、索引或值将这些元素中的任何一个作为选定元素？

4

5 回答 5

2

有多种与选择器交互的方式。

使用 jQuery 1.6 及更高版本：

按文字：

$('.ddl option:contains("Porsche")').prop('selected', true);

按索引：

$('.ddl option:eq(1)').prop('selected', true);

按价值：

$('.ddl option[value="T"]').prop('selected', true);

对于旧版本：

按文字：

$('.ddl option:contains("Porsche")').attr('selected', 'selected');

按索引：

$('.ddl option:eq(1)').attr('selected', 'selected');

按价值：

$('.ddl option[value="T"]').attr('selected', 'selected');
于 2012-05-22T06:22:18.180 回答
0

试试这个：

例如（选择值）：

$(".ddl select").val("T");
于 2012-05-22T06:20:19.627 回答
0 
$(document).ready(function(){
$('div.ddl >select option:selected').text(); //for getting text
$('div.ddl >select option:selected').val(); //value
$('div.ddl >select option').each(function(){ //looping
alert($(this).val());
});

});
于 2012-05-22T06:21:03.080 回答
0 
$(".ddl select").attr("value","T");
于 2012-05-22T06:21:18.573 回答
0

$('.ddl>select') 应该可以工作，这是 ddl 类的 div，'>' 告诉 jQuery 找到该类的直接子级。不过要注意多个 ddl 类的 div。

于 2012-05-22T06:21:47.390 回答