how to get dropdown lists text jquery

Question

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

Above is my code where I am trying to get the text of the selected dropdown list item. If i use the .val(), I get the value(1,2,3 etc). How do I get the text. Above code gives me null in the respective variables colDdl and filterDdl.

check it out http://stackoverflow.com/questions/1643227/get-selected-text-from-drop-down-list-select-box-using-jquery — Sachin, Mar 02 '15 at 06:45
`var colDd1 = $('#ColumnSelection option:selected').text();` should do well. — Ariful Haque, Mar 02 '15 at 06:46

score 1 · Answer 1 · answered Mar 02 '15 at 06:47

1

Try this I hope this will help you

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

answered Mar 02 '15 at 06:47

user3386779

6,883
20
66
134

score 1 · Accepted Answer · answered Mar 02 '15 at 06:48

1

Use this

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

answered Mar 02 '15 at 06:48

I'm Geeker

4,601
5
22
41

score 1 · Answer 3 · answered Mar 02 '15 at 06:49

<select id="ColumnSelection">
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
  <option value="3">Text 3</option>
</select>

In script side

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

you can apply same method in

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

score 1 · Answer 4 · answered Mar 02 '15 at 07:00

Try This, This will help you...

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

Using val() you get the values of the selected options, if you use multiple drop down list you will get the result in array.

how to get dropdown lists text jquery

4 Answers4