Comments on: jQuery: Get the Selected Option Text

By: Adi

Adi — Wed, 02 Dec 2015 19:08:54 +0000

Hello. Is it possible to show a div with the value instead of the popup alert?

By: Chips

Chips — Fri, 13 Jul 2012 07:44:57 +0000

Thanks a lot

By: Luu Tai

Luu Tai — Wed, 04 Jul 2012 08:47:19 +0000

If you wanna get the index of one item in the list

$(document).ready(function(){
  $("option").click(function(){
    alert($(this).index());
  });
});

Thỏa thuận Cụ thể Trong khoảng

By: Adam

Adam — Sun, 10 Jun 2012 20:40:55 +0000

You completed my day. Have been searching for this from past 2 hours and at last I found it. Thank you for the tips.

By: Vladzeem

Vladzeem — Tue, 15 May 2012 20:02:09 +0000

Guys, I was trying any of solution you have provided on my aspx page but nothing work –
returns are “undefined” for value or “null” for html

Please advise.

Thanks

By: Satyricon65

Satyricon65 — Mon, 27 Feb 2012 14:24:29 +0000

Better solution, adding a option context:

	$('#producer_list').change(function(){
		console.log($('option:selected', this).html());
	});

By: atabak

atabak — Sat, 14 Jan 2012 13:37:46 +0000

easy way:

value ----->     $('#my_select :selected').val();
text   ------>    $('#my_select :selected').html();
#myselect = select id

----------------------------------- for test:

onchange="alert($('#my_select :selected').html());"

By: Stoimen

Stoimen — Wed, 23 Jun 2010 11:40:53 +0000

Works like a charm! Thanks for sharing!

By: Eric Pascarello

Eric Pascarello — Wed, 23 Jun 2010 03:39:41 +0000

More ways to get to the text:

jQuery("#my-select").change(
    function(){
        var txt1 = jQuery(this).find("option:selected").attr("text");
        var txt2 = jQuery(this).find("option:selected").text();
        alert(txt1 + "\n" + txt2);
    }
)