Code
2023-09-04 10:00:00

使用jQuery获取下拉菜单项的选定值

如何使用jQuery获得下拉框的选定值? 我试着用

var value = $('#dropDownId').val();

and

var value = $('select#dropDownId option:selected').val();

但两者都返回空字符串。

对于单个select dom元素，获取当前选择的值:

$('#dropDownId').val();

获取当前选定的文本:

$('#dropDownId :selected').text();
2010-05-06 11:11:23

您是否为选择元素提供了id?

<select id='dropDownId'> ...

你的第一句话应该有用!

2010-05-06 11:15:18 
var value = $('#dropDownId:selected').text()

应该工作得很好，请看这个例子:

$(文档)时函数(){ $ (' # button1 ') .click(函数(){ 警报($ #组合:选择)。text ()); })； })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <选择id = "组合" > <option value="1">Test 1</option> . </option> . <option value="2">Test 2</option> . </option> . < /选择> <input id="button1" type="button" value="点击!"/>

2010-05-06 11:20:49

试试这个jQuery，

$("#ddlid option:selected").text();

或者这个javascript，

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

如果你需要访问值而不是文本，那么尝试使用val()方法而不是text()。

看看下面的小提琴链接。

Demo1 | Demo2

2012-12-23 10:57:14

这样就可以了

$('#dropDownId').val();
2013-03-03 07:12:03

试试这个

$("#yourDropdown option:selected").text();
2013-03-12 10:03:38

在html中为你的下拉控件生成的id是动态的。因此使用完整的id $('ct100_<您的控件id>').val()。它会起作用的。

2013-07-03 08:00:33

还有一个经过测试的例子:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $('#bonus').change(function() {
    alert($("#bonus option:selected").text());
  });  
});
</script>
</head>

<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>
2013-10-11 19:55:29

use

$('#dropDownId').find('option:selected').val()

这应该工作:)

2013-11-18 10:33:05

我知道这是旧的，但我想我更新了一个更最新的答案

$( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
 alert(prepMin);
});

我希望这对你们有帮助

2014-02-22 06:44:53 
$("select[id$=dropDownId]").val()

试试这个

2014-03-14 06:07:17

使用这些代码中的任何一个

$('#dropDownId :selected').text();

OR

$('#dropDownId').text();
2014-04-18 08:52:08

我知道这是一个非常老的帖子，我可能应该为这个可怜的复活而被鞭打，但我想我将分享几个非常有用的小JS片段，我在我的武器库中使用每个应用程序…

如果输入:

$("#selector option:selected").val() // or
$("#selector option:selected").text()

是老了，尝试添加这些小松脆饼到你的全局*.js文件:

function soval(a) {
    return $('option:selected', a).val();
}
function sotext(a) {
    return $('option:selected', a).text();
}

然后写soval("#selector");或sotext(“#选择器”);相反!如果将两者结合并返回一个包含值和文本的对象，那就更好了!

function so(a) {
    my.value = $('option:selected', a).val();
    my.text  = $('option:selected', a).text();
    return my;
}

它为我节省了大量宝贵的时间，尤其是在表单较多的应用程序上!

2014-05-08 22:22:10

这将提醒所选值。 JQuery代码…

$(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

HTML代码…

<select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>
2014-05-23 05:51:11

或者你可以试试:

$("#foo").find("select[name=bar]").val();

我今天用它，它工作得很好。

2014-08-22 13:28:38 
$("#selector <b>></b> option:selected").val()

Or

$("#selector <b>></b> option:selected").text()

以上代码对我来说工作得很好

2015-07-02 13:04:57

这是可行的

    var value= $('option:selected', $('#dropDownId')).val();
2015-10-28 12:06:09

对于所选文本的使用:

value: $('#dropDownId :selected').text();

对于所选值的使用:

value: $('#dropDownId').val();
2016-01-18 23:51:39

你可以使用以下任何一种:

$(document).on('change', 'select#dropDownId', function(){

            var value = $('select#dropDownId option:selected').text();

            //OR

            var value = $(this).val();

});
2016-04-08 13:37:34

试试这个，它得到的值:

(“选择# myField美元)。找到选项:selected’)。瓦尔();

2016-06-23 13:37:20

要从下拉列表中获取jquery值，你只需使用下面的函数just sent id并获得所选值:

function getValue(id){
    var value = "";
    if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
        for(var i=0;i<$('#'+id)[0].length;i++){
            if($('#'+id)[0][i].selected == true){
                if(value != ""){
                    value = value + ", ";
                }
                value = value + $('#'+id)[0][i].innerText;
            }
        }
    }
    return value;
}
2016-09-13 07:28:40

你需要这样放。

$('[id$=dropDownId] option:selected').val();
2017-01-09 14:08:50 
$("#dropDownId").val('2');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);


<p class="inline-large-label button-height ParentClass" >
     <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
     <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">          
    </asp:DropDownList>
</p>
2017-04-05 09:01:24

试试这个:

 $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();
2017-10-25 09:22:17

使用下面的方法在页面加载中获取所选值:

$(document).ready(function () {
$('#ddlid').on('change', function () {
                var value = $('#ddlid :selected').text();
                alert(value);`
            });
});
2017-12-30 05:16:15

您可以通过使用以下代码来实现这一点。

$('#dropDownId').val();

如果您想从选择列表的选项中获取所选值。这样就可以了。

$('#dropDownId option:selected').text();
2018-05-16 12:13:06

对于正常页面加载下拉列表

  $("#dropDownId").on('change',function(){
     var value=$(this).val();
     alert(value);
  });

确保保持id的唯一性

  $(document).on('change','#dropDownId',function(){
    var value=$(this).val();
    alert(value)
  });
2018-05-27 16:47:36

function fundrp(){ var text_value = $("#drpboxid option:selected").text(); console.log(text_value); var val_text = $("#drpboxid option:selected").val(); console.log(val_text); var value_text = $("#drpboxid option:selected").attr("value") ; console.log(value_text); var get_att_value = $("#drpboxid option:selected").attr("id") console.log(get_att_value); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> <select id="drpboxid"> <option id="1_one" value="one">one</option> <option id="2_two" value="two">two</option> <option id="3_three" value="three">three</option> </select> <button id="btndrp" onclick="fundrp()">Tracking Report1234</button>

2018-09-29 09:35:53

如果你有一个以上的下拉尝试:

HTML:

<select id="dropdown1" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>
<select id="dropdown2" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>

JavaScript:

    function myFunction(sel) {
        var selected = sel.value;
    }
2018-12-10 21:41:26

HTML:

<select class="form-control" id="SecondSelect">
       <option>5<option>
       <option>10<option>
       <option>20<option>
       <option>30<option>
</select>

JavaScript:

var value = $('#SecondSelect')[0].value;
2019-08-06 09:36:16

使用下面的代码行，我们可以得到下拉列表值。这将工作

var getValue =文档。

2023-01-06 17:00:10

推荐文章

aliyun

最新文章

标签

2024 code 京ICP备15047053号-1