Getting selected dropdown text

**cancer10** · 01-31-2012 08:28 PM

Hi

I have 5 dropdowns on my webpage. What I want is when any of the options from any dropdowns are selected, i should be able to alert the text of it (not the value). I am trying the following code but it does not display any result.

Code:

$(document).ready(function(){

    $('select').change(function(){

         alert( $(this + '  option:selected' ).text() );

    });

});

Pls help

**Ayşe** · 02-01-2012 06:14 AM

I try:
alert($('select:eq('+$(this).index()+') option:selected').html());
alert($('select:eq('+$(this).index()+') option:selected').text());
alert( $($(this+ 'option:selected')[$(this).index()]).text() );

Code:

  
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
// http://www.webdeveloper.com/forum/showthread.php?t=256214
// http://www.w3schools.com/jquery/jquery_ref_selectors.asp

$(document).ready(function(){

    $('select').change(function(){
// alert( $('select').length); // 2

//var s = $('select option:selected');
/*
alert( $(this + ':selected').text());
alert( $($(':selected')[$(this).index()]).text());
*/
/*
var s = $(this + 'option:selected');
alert(s);
alert(s.length);
alert(s.val());
alert(s.text()); 
var ind= $(this).index();
alert(ind);
var el = s[ind];
var txt = $(el).text();
alert (txt);

*/

//alert($('select:eq('+$(this).index()+') option:selected').html());
//alert($('select:eq('+$(this).index()+') option:selected').text());

alert( $($(this+ 'option:selected')[$(this).index()]).text() );
//alert( $($(this+ 'option:selected')[$(this).index()]).html() );

});
});

</script>
</head>
<body>
<select>
<option value="">L&#252;tfen bir tanesini se&#231;in!</option>
<option value="elhamd&#252;lillah">&#246;vg&#252; Allah'a mahsustur</option>
<option value="subhanallah">Allah, noksan sıfatlardan m&#252;nezzehtir</option>
<option value="allah&#252;ekber">Allah, b&#252;y&#252;kt&#252;r</option>
</select>

<select>
<option value="">L&#252;tfen bir tanesini se&#231;in!</option>
<option value="la ilahe illallah">Allah'tan başka ilah yoktur</option>
<option value="maşallah">Allah ne g&#252;zel yaratmış</option>
<option value="inşallah">Allah'ın izniyle</option>
</select>
</body>
</html>

Thread: Getting selected dropdown text

Thread Tools

Display

Getting selected dropdown text

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions