如何獲取下拉列表文本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（）你得到的選擇的選項的值，如果您使用多個下拉列表你將得到數組中的結果。