使用 jquery 仅发送选择下拉列表的文本，而不是选项值答案

【问题标题】：Send with jquery only the text of a select drop down and not the option value使用 jquery 仅发送选择下拉列表的文本，而不是选项值
【发布时间】：2015-03-12 21:54:03
【问题描述】：

我有一个简单的问题，但我被卡住了，无法解决。

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

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

例如我的选择是这样的：

<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');
    }
});

但我只想捕捉文本

【问题讨论】：

如果你觉得答案有用，你应该投票并接受答案。

标签： jquery select

【解决方案1】：

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

【讨论】：

【解决方案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/

【讨论】：

JSFiddle in not working 最终工作代码：--
$(document).ready(function(){ $('#ddl_requestTypes ').change(function() { $('.selected').html("选择的选项文本是：" + $("#ddl_requestTypes option:selected").html()); }); });