如何获取下拉列表文本jquery

时间:2015-03-02 06:43:44

标签: jquery html.dropdownlistfor

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

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

4 个答案:

答案 0 :(得分:1)

试试这个我希望这会对你有所帮助

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

答案 1 :(得分:1)

使用此

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

答案 2 :(得分:1)

<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();

答案 3 :(得分:1)

试试这个,这会对你有帮助......

$(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()可以获得所选选项的值,如果使用多个下拉列表,则会得到数组中的结果。