How to get the selected value of a drop down in jquery

Question

I am trying to show the selected value of a drop down, but its not selected the dropdown value, but adding another value to the dropdown list.

here is the code I am using:

jquery

var companyId = $(this).closest('tr').find('#headquarterIdForSearch').text();
                var companyName = $(this).closest('tr').find('#companyNameId').text();
                $(this).parents().find('.hqSelect option:selected').val(companyId).text(companyName);

The above code is not selecting the value that I am assigning to the Text and val property. However, it is adding a new property. Lets say, I have fetched value for companyName as "FIS" and companyId as 123.

The value is present under the dropdown however, it is adding a new value to the dropdown.

How can I show the selected value? I have also used the below code:

$('#dropDownId :selected').text();

Thanks,

add your html dropdown list code

Rajkumar R
– Rajkumar R

2016-08-25 09:47:50 +00:00
Commented Aug 25, 2016 at 9:47 — Rajkumar R
– Rajkumar R, Commented Aug 25, 2016 at 9:47

score 2 · Accepted Answer · 2016-08-25 10:33:50Z

2

alert($('#id').val());

function demo()
{
  alert($('#id').val());

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='id' onchange="demo()">
  <option value="1">Vijay  </option>
  <option value="2">Raj  </option>
  <option value="3">Ganesh  </option>
  <option value="4">Ram  </option>
  </select>

edited Aug 25, 2016 at 10:33

answered Aug 25, 2016 at 9:51

user6752163

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

Comments

Mayank Pandeyz · Accepted Answer · 2016-08-25 09:47:46Z

0

Try this:

<option value="one">One</option>

$('#dropDownId').val();

It will give the selected option value ie. value="one" from above code snippet.

answered Aug 25, 2016 at 9:47

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

Comments

Satpal · Accepted Answer · 2016-08-25 09:47:48Z

0

Just use .val() function to get the value, you don't need to pass any argument.

$(this).parents().find('.hqSelect').val()

answered Aug 25, 2016 at 9:47

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

How to get the selected value of a drop down in jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related