Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to get the selected index of a drop down

I have a normal dropdown which I want to get the currently selected index and put that in a variable. Jquery or javascript. Jquery perfered.

<select name="CCards"> <option value="0">Select Saved Payment Method:</option> <option value="1846">test  xxxx1234</option> <option value="1962">test2  xxxx3456</option> </select>  
like image 718
user357034 Avatar asked Sep 02 '10 14:09

user357034


People also ask

How can set the selected value of dropdown in HTML?

The select tag in HTML is used to create a dropdown list of options that can be selected. The option tag contains the value that would be used when selected. The default value of the select element can be set by using the 'selected' attribute on the required option.

What is jQuery selectedIndex?

selectedIndex is a JavaScript Select Property. For jQuery you can use this code: jQuery(document). ready(function($) { $("#dropDownMenuKategorie"). change(function() { // I personally prefer using console.log(), but if you want you can still go with the alert().


1 Answers

$("select[name='CCards'] option:selected") should do the trick

See jQuery documentation for more detail: http://api.jquery.com/selected-selector/

UPDATE: if you need the index of the selected option, you need to use the .index() jquery method:

$("select[name='CCards'] option:selected").index() 
like image 71
naivists Avatar answered Oct 04 '22 15:10

naivists