【问题标题】:Set the default value in dropdownlist using jQuery使用jQuery在下拉列表中设置默认值
【发布时间】:2011-06-14 11:07:30
【问题描述】:

我的下拉列表中有很多选项,例如:

<option value="1">it's me</option>

我需要选择标签内具有 it's me 值的选项,而不是像 1 这样的属性。

如何使用 jQuery 做到这一点?

【问题讨论】:

  • 我想通过'it'sme'值来选择它们。但我们中很少有人尝试这样做。但感谢所有人!
  • $("#myCombobox option[text='it\'s me']").attr("selected","selected");

标签: javascript jquery html css events


【解决方案1】:

这工作正常:

$('#country').val($("#country option:contains('It\'s Me')").val());

【讨论】:

  • 在双引号内使用双引号不会产生问题吗?
【解决方案2】:

一行 jQuery 就搞定了!

$("#myCombobox option[text='it\'s me']").attr("selected","selected"); 

【讨论】:

  • 引号内的引号不会有问题吗?如果您的内部双引号没有转义,JQuery 将如何知道发生了什么?也许我在这里遗漏了什么?
  • @jmort253 - 如果您保持一致,您可以混合使用单引号和双引号,只要您使用一个来标记外部字符串,另一个在字符串内部使用。例如。 “这是有效的''' :)”和“这是无效的”“”:(“.
【解决方案3】:

val() 应该处理这两种情况

  <option value="1">it's me</option>      


$('select').val('1'); // selects "it's me"

$('select').val("it's me"); // also selects "it's me"

【讨论】:

  • 这个答案是从stackoverflow.com/questions/496052/…复制而来的,没有回答史蒂文的问题。
  • 标记,$('select').val('Two');将解决问题.. 史蒂文还问了什么?
  • 不确定我是否能想到您想要将所有选择设置为特定值的情况? :-) 除了'0',也许...
【解决方案4】:

如果您想为此使用 jQuery,请尝试以下代码。

$('select option[value="1"]').attr("selected",true);

更新:

在 Vivek 发表评论后,正确指出史蒂文·斯皮尔伯格希望通过其 Text 值选择该选项。

下面是更新后的代码。

$('select option:contains("it\'s me")').prop('selected',true);

您需要使用:contains(text) 选择器通过包含的文本进行查找。

此外,jQuery prop 在获取和设置属性时为 Internet Explorer 提供了更好的支持。

A working example on JSFiddle

【讨论】:

  • selected="selected" 也是有效的,这也是W3Schools 上的建议。 +1
  • $('select').val('something') 都是必需的。
  • @halfcube-根据问题 steven spielberg 想要选择那些文本是“是我”而不是值的选项
  • 你正在破坏代码检查 $('select option[text="it's me"]')
  • @vivek 他写道我需要选择选项而不是选项
【解决方案5】:
jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");

【讨论】:

    【解决方案6】:

    你可以这样做:

    $('#myCombobox').val(1)
    

    【讨论】:

    • 我无法从 Chrome 控制台执行此操作,但它可以在 JavaScript 文件中使用。
    【解决方案7】:
    $("#dropdownList option[text='it\'s me']").attr("selected","selected"); 
    

    【讨论】:

    • it's me 中的单引号需要转义。
    【解决方案8】:
    $('#userZipFiles option').prop('selected', function() {
            return this.defaultSelected;
        });     
    

    【讨论】:

    • 这是获取选择框默认选项的最简单方法
    猜你喜欢
    • 2016-09-16
    • 1970-01-01
    • 2020-07-06
    • 2013-10-23
    • 2013-11-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-18
    相关资源
    最近更新 更多