Question

我有一个简单的问题，但我已经陷入困境，无法通过它。

我有一个使用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');
    }
});

但我想只捕捉文字

Answer 1

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

Answer 2

试试这个......

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用JSFiddle http://jsfiddle.net/DivakarDass/rxtoer1d/

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

2 个答案: