如何获取下拉列表文本 jquery

Question

var colDdl = $('#ColumnSelection').text();
var filterDdl = $('#FilterOptions').text();

以上是我的代码，我试图在其中获取所选下拉列表项的文本。如果我使用 .val()，我会得到值（1、2、3 等）。我如何获得文本。上面的代码在各自的变量 colDdl 和 filterDdl 中给出了 null。

Answer 1

试试这个，希望对你有帮助

var colDdl =  $("#ColumnSelection option:selected").text();
var filterDdl = $("#FilterOptions option:selected").text();

Answer 2

使用这个

var colDd1 = $('#ColumnSelection option:selected').text();
var filterDdl = $('#FilterOptions option:selected').text();

Answer 3

<select id="ColumnSelection">
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
  <option value="3">Text 3</option>
</select>

在脚本端

var colDdl = $("#ColumnSelection option:selected").text();

您可以在

中应用相同的方法

var filterDdl = $('#FilterOptions option:selected').text();

Answer 4

试试这个，这会帮助你...

$(document).ready(function(){
    $('#gd').click(function(){
       alert($('#cars').val());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id='cars' name="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<button id="gd">Get Value</button>

使用 val() 可以获得所选选项的值，如果使用多个下拉列表，您将获得数组中的结果。

如何获取下拉列表文本 jquery

how to get dropdown lists text jquery

jquery

html.dropdownlistfor