Get the value form dropdown using Jquery

Question

I use the following jquery function for get the drop down value in a table row.But its not give the value.

HTML

<select id='statusprocess'><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select>

JQUERY

     var select = $(this).closest('tr').find('input[type="select"]').map(function () {
                    return this.text();
                }).get();

How to find the dropdown and get selected option text?

Answer Is:

This is the Exact way to find the dropdown in Table and get selected the Selected Text.

var select = $(this).closest('tr').find('select option:selected').text();

It was Working Fine Now.

$(this).closest('tr').find('select'), there's no input[type="select"] — billyonecan
– billyonecan, Commented Jun 17, 2014 at 7:21

mindbard · Accepted Answer · 2014-06-17 07:23:34Z

1

Since you have the ID already, why don't you just get it via the ID?

$("#statusprocess").val();

The above statement returns 'optSelected' or 'optNotSelected'.

Or else if you were referring to the "option text" instead of the "option value", you can try this.

$("#statusprocess :selected").text();

The statement above returns 'Selected' or 'Not Selected'.

answered Jun 17, 2014 at 7:23

mindbard

387 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Govind Singh · Accepted Answer · 2014-06-17 07:25:59Z

0

i think you can simply get it by

$("#statusprocess").val()

HTML

<select id='statusprocess' onChange="getIt()"><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select>

SCRIPT

function getIt(){
var i=$("#statusprocess").val()
alert(i);
}

edited Jun 17, 2014 at 7:25

answered Jun 17, 2014 at 7:20

Govind Singh

15.5k14 gold badges77 silver badges108 bronze badges

Comments

xei2k · Accepted Answer · 2014-06-17 07:26:48Z

0

Depending on what you want to get, you can either get the value:

$("#statusprocess").val();

or the text of the selected

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

answered Jun 17, 2014 at 7:26

xei2k

5564 silver badges9 bronze badges

Comments

chandu · Accepted Answer · 2014-06-17 07:28:03Z

0

you can get the value of dropdown when the value changes. so use change method to get the value when option changes. JQuery Doc

$('input[type="select"]').change(function(){

var value = $( "select option:selected" ).text();
});

Update

you can just fetch the value by using the class also.

$(".selectboxClass").on('change',function(){
var value = $( ".selectboxClass option:selected" ).text();
});

edited Jun 17, 2014 at 7:28

answered Jun 17, 2014 at 7:21

chandu

2,2763 gold badges23 silver badges35 bronze badges

Comments

Ishan Jain · Accepted Answer · 2014-06-17 07:28:33Z

0

There is no input[type=select] exist.

Your dropdown list is a <select> element, not an <input type="select" />. So you should use the select instead of using input[type = "select"].

Selected option value:

$(this).closest('tr').find('#statusprocess').val();

Selected option text:

$(this).closest('tr').find('#statusprocess option:selected').text();

Working Example

OR if you have single dropdown inside the tr, you can also use element selector (i.e select) this:

Selected option value:

$(this).closest('tr').find('select').val();

Selected option text:

$(this).closest('tr').find('select option:selected').text();

Working Example

edited Jun 17, 2014 at 7:28

answered Jun 17, 2014 at 7:20

Ishan Jain

8,22111 gold badges52 silver badges77 bronze badges

Comments

V.V · Accepted Answer · 2014-06-17 07:34:18Z

0

This is the Exact way to find the dropdown in Table and get selected the Selected Text.

var select = $(this).closest('tr').find('select option:selected').text();

It was Working Fine Now.

answered Jun 17, 2014 at 7:34

V.V

8833 gold badges25 silver badges56 bronze badges

Collectives™ on Stack Overflow

Get the value form dropdown using Jquery

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related