如何获取下拉列表文本 jQuery

Question

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

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

Answer 1

使用这个

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

Answer 2

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

var colDdl =  $("#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(( 您可以获得所选选项的值，如果您使用多个下拉列表，您将在数组中得到结果。