代码之家  ›  专栏  ›  技术社区  ›  bragboy

使用jquery在下拉列表中获取所选值。

  •  32
  • bragboy  · 技术社区  · 14 年前

    我的HTML在下面。我需要得到选定的值( Scheduled )使用 <select> 标签。如何使用jquery完成这项工作?

    <select id="availability" style="display: none;">
      <option value="Available">Available</option>
      <option selected="selected" value="Scheduled">Scheduled</option>
      <option value="Unavailable">Unavailable</option>
    </select>
    

    我做了一个 jQuery("#availability") 获取select标记,但我不知道如何获取所选选项的值。

    6 回复  |  直到 6 年前
        1
  •  57
  •   Sarfraz    14 年前

    尝试:

    jQuery("#availability option:selected").val();
    

    或者要获取选项的文本,请使用 text() :

    jQuery("#availability option:selected").text();
    

    更多信息:

        2
  •  11
  •   Mahdi    10 年前

    上面的解决方案对我不起作用。我最后想到的是:

    $( "#ddl" ).find( "option:selected" ).text();           // Text
    $( "#ddl" ).find( "option:selected" ).prop("value");    // Value
    
        3
  •  8
  •   JasCav    14 年前
    $("#availability option:selected").text();
    

    这将为您提供下拉列表的文本值。您也可以使用 .val() 而不是 .text() 取决于你想要得到什么。遵循jquery文档和示例的链接。

        4
  •  5
  •   minura    7 年前

    我已经完成了上面提供的所有答案。 这是我从下拉列表中获取所选值的最简单方法

    $('#searchType').val() // for the value

        5
  •  3
  •   Nakendra Pun    9 年前
    $('#availability').find('option:selected').val() // For Value 
    $('#availability').find('option:selected').text() // For Text
    or 
    $('#availability option:selected').val() // For Value 
    $('#availability option:selected').text() // For Text
    
        6
  •  0
  •   Hiren Gohel PRASANNA KUMAR K G    6 年前

    你好,伙计们,我用这个方法从选定的 下拉 列表,它像魅力一样工作。

    var methodvalue = $("#method option:selected").val();