Question

我的下拉列表中有一个'ID，Name'对。

实施例

乔·米勒（Jon Miller）吉姆史密斯 Jen Morsin

Jon MIller的身份证号码为101 吉姆史密斯的身份证号为102 Jen Morsin的身份证明为103

当我执行以下操作时：

var arNames = $('#Crd').val()

我选择乔恩米勒，我得到101.但我想得到乔恩米勒。

Answer 1

$('#Crd').val()将为您提供下拉元素的选定值。使用此选项可获取所选选项文本。

$('#Crd option:selected').text();

Answer 2

最好的方法是使用：

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

根据要求，您也可以使用这种方式：

var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()

Answer 3

如果您使用的是<select>，则.val()会获得所选<option>的“值”。如果它没有value，则可能会回退到id。在每个value

的<option>属性中输入您想要的值

编辑：查看评论，了解value实际上是什么（不一定等于value属性）。

Answer 4

这对我有用！

$('#selected-option option:selected').val()

希望这有助于某人！

Answer 5

var sal = $('.selectSal option:selected').eq(0).val();

selectSal是一个班级。

Answer 6

试试这个：

var text = $('#YourDropdownId').find('option:selected').text();

Answer 7

另一种选择：

$("#<%=dropDownId.ClientID%>").children("option:selected").val();

Answer 8

正如已经指出的那样......在select框中，.val()属性将为您提供所选选项的值。如果所选选项没有值属性，则默认为选项的显示值（jQuery documentation of .val上的示例显示。

您想要使用所选选项的.text()：

$('#Crd option:selected').text()

Answer 9

如果下拉，这将为您提供下拉列表的当前值 ID为“someId”。

$("#someId").val();

Answer 10

传递ID并保存到变量中，然后将变量传递到任何您想要的位置。

var temp = $（'select [name = ID名称]'）。val（）;

Answer 11

您可以在其变量中包含#Crd 的文本值。

$(document).on('click', '#Crd', function () {
     var Crd = $( "#Crd option:selected" ).text();
});

Answer 12

$('.leave_response').on('change', function() {
    var responseId = $(this).val();
    console.log(responseId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="leave_response" name="leave">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</td>

获取jQuery中下拉列表的值

12 个答案: