使用 jquery 仅发送 select 下拉列表的文本而不是选项值

Question

我有一个简单的问题，但我卡住了，无法通过它。

我有一个下拉 select 列表是通过使用 jquery 读取 json 创建的，到目前为止我还可以。我的问题是将值传递给后端 (java) 以执行搜索。

我想传递文本而不是选项值，我该怎么做？

例如我的select是这样的：

<select id="ddl_requestTypes" name="ddl_requestTypes" style="width: 250px;">
  <option value="-1"></option>
  <option value="2786">texta</option>
  <option value="2772">textb</option>
  <option value="2773">textc</option>
  <option value="2771">textd</option>
  <option value="2780">texte</option>
</select>

和我传递选项值的函数：

$('#LoadRecordsButton').click(function (e) { 
    e.preventDefault();
    if($('#ddl_requestTypes').val() > 0 || $('#ddl_requestTypes').val() != -1) 
    { //here i want to change as well,, is checking the option value were i want to catch the text ONLY 
        $('#MainTableContainer').jtable('load', {
        requestType: $('#ddl_requestTypes').val()  //here is the problem i want only the text!!
        });
    }
    else 
    {
        $('#MainTableContainer').jtable('load');
    }
});

但我只想捕捉文本

Answer 1

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

Answer 2

试试这个...

$("#ddl_requestTypes option:selected").html();

$(document).ready(function(){
    $('.selected').html("Selected option text is : " + $("#ddl_requestTypes option:selected").html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<select id="ddl_requestTypes" name="ddl_requestTypes" style="width: 250px;">
<option value="-1"></option>
<option value="2786" selected>texta</option>
<option value="2772">textb</option>
<option value="2773">textc</option>
<option value="2771">textd</option>
<option value="2780">texte</option>
</select>

<div class="selected"></div>

工作 JSFiddle http://jsfiddle.net/DivakarDass/rxtoer1d/

使用 jquery 仅发送 select 下拉列表的文本而不是选项值

Send with jquery only the text of a select drop down and not the option value

jquery

select