如何使用 jQuery 查找具有特定值的选项标签

发布于 2024-10-19 21:38:12 字数 539 浏览 7 评论 0原文

我正在尝试设置一个具有所选特定值的选项（使用 jQuery）。我有一个字符串：

var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

现在我试图找到 value=2 的选项标签并将其设置为选定的

$(data).find('option[value=2]').attr('selected','selected');

它不起作用。我也尝试过：

$(data).find('option').each(function(){
if($(this).val()==2){
    $(this).attr('selected','selected');
}
});

这也不起作用。我怎样才能做到这一点？

原文

I'm trying to set an option with a specific value as selected (using jQuery). I've got a string:

var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

Now I'm trying to find the option tag with value=2 and set it as selected

$(data).find('option[value=2]').attr('selected','selected');

It's not working. I also tried:

$(data).find('option').each(function(){
if($(this).val()==2){
    $(this).attr('selected','selected');
}
});

which did not work either. How can I make this work?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

咋地 2024-10-26 21:38:12

您的代码工作正常，但当然您需要将其附加到 DOM 才能查看结果。这里我使用了 appendTo()^[docs] 方法。

示例： http://jsfiddle.net/cqhGH/

 // --v---------------make sure the DOM is loaded
$(function() {
    var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

    $(data).appendTo('body').find('option[value=2]').attr('selected','selected');
});

虽然更简单的方法是使用 val()^[docs] 方法。

示例： http://jsfiddle.net/cqhGH/1/

$(function() {
    var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

    $(data).appendTo('body').val(2);
});

Your code works fine, but of course you need to append it to the DOM to see the result. Here I used the appendTo()^[docs] method.

Example: http://jsfiddle.net/cqhGH/

 // --v---------------make sure the DOM is loaded
$(function() {
    var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

    $(data).appendTo('body').find('option[value=2]').attr('selected','selected');
});

Though an easier way is to use the val()^[docs] method.

Example: http://jsfiddle.net/cqhGH/1/

$(function() {
    var data = '<select><option value="1">A</option><option value="2">B</option><option value="3">C</option></select>';

    $(data).appendTo('body').val(2);
});

回复收藏 0 原文

~没有更多了~