jQuery check what option is selected

Question

If I have this code:

<td class="field-type">                  
     <select id="id_virtual_as_set-0-type" name="virtual_as_set-0-type">
       <option value="M">M</option>
       <option value="AI" selected="selected">AS I</option>
       <option value="D">D</option>
       <option value="P">P</option>
       <option value="A">A</option>
       <option value="R"</option>
     </select>      
</td>

And I wish to find out which option value is selected, how can I do this via jQuery? Also the issue is that I have a handle on the <td> element and I want to be able to access the <select> from the <td> element and then check what the selected option is.

http://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown — Nikolay Ermakov, Apr 19 '17 at 19:46
Possible duplicate of [How to check if an option is selected?](http://stackoverflow.com/questions/10213620/how-to-check-if-an-option-is-selected) — Loaf, Apr 19 '17 at 19:47
Check this link http://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown — Umer iqbal, Apr 19 '17 at 19:50
The issue is that this is a element and I want to be able to access the — robinhood91, Apr 19 '17 at 19:58

score 2 · Answer 1 · edited Apr 19 '17 at 20:14

2

Yes.

Just try:

$("#id_virtual_as_set-0-type").val()

edited Apr 19 '17 at 20:14

Paul Roub

36,322
27
84
93

answered Apr 19 '17 at 19:47

favirguezc

21
4

3

Please take the time to explain your answer rather than dump code. Here you can find more info on how to answer a question so other can profit from it as well: http://stackoverflow.com/help/how-to-answer – Florian Moser Apr 19 '17 at 20:00

score 0 · Answer 2 · answered Apr 19 '17 at 20:01

Here, i have created an example of how to do this.

$(document).ready(function(){
function getSelectedProperty(select){
var selectedOption = select.find("option:selected");
$("p").html("selected Value:"+selectedOption.val() + " SelectedText:" +selectedOption.html())
}
var select = $("select");
select.change(function(){
getSelectedProperty($(this));

});
getSelectedProperty(select);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class="field-type">                  
     <select id="id_virtual_as_set-0-type" name="virtual_as_set-0-type">
       <option value="M">M</option>
       <option value="AI" selected="selected">AS I</option>
       <option value="D">D</option>
       <option value="P">P</option>
       <option value="A">A</option>
       <option value="R"</option>
     </select>      
     
     <p></p>
</td>

score 0 · Answer 3 · answered Apr 21 '17 at 19:55

0

There's many way to do it. And this is how I do

$('select').on('click', function() {
    console.log($(this).find('option:selected').val());
});

answered Apr 21 '17 at 19:55

jesuisgenial

685
1
5
15

jQuery check what option is selected

3 Answers3