Get selected value of a dropdown's using jquery php

Question

I have a drop down

  <div class="form-group">
 <select class="form-control" required name="uname" id="uname">
 <option value=""/>Select Your Name</option>
  <?php foreach ($this->getallusers as $users): ?>
 <option value="<?php echo $users['adminID'] ?>"<?= $users['adminID'] == $stories['Tm_id'] ? ' selected="selected"' : ''; ?>/><?php echo $users['UserName'] ?></option>
 <?php endforeach; ?>
</select>

Drop down have values.then when i am tried to get the selected drop down value from jquery.

var op=$('#uname option :selected').text(); 
 var opid=$('#uname option :selected').val(); alert(opid);

When i alert op(text) i always got Select Your Name and opid is always blank.but drop down i have values pakka.Any help would be Appreciated .

note, you are closing your option opening tag -> <option value=".." />...</option>, as you have /> between <?= $users['adminID'] == $stories['Tm_id'] ? ' selected="selected"' : ''; ?> and <?php echo $users['UserName'] ?> — Sean
– Sean, Commented Jan 10, 2019 at 6:25

Umid Kurbanov · Accepted Answer · 2019-01-10 06:19:26Z

1

try to use just this code:

alert($("#uname").val());

////////

.val() - gets a value of any input and dropdown.

answered Jan 10, 2019 at 6:19

Umid Kurbanov

1841 silver badge5 bronze badges

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

Comments

Yogendrasinh · Accepted Answer · 2019-01-10 06:26:27Z

0

Try below code to get the currently selected value and text when select box is change.

$(document).ready(function(){
    $("select#uname").change(function(){
        var op = $(this).children("option:selected").text();
        var opid = $(this).children("option:selected").val();
        alert("You have selected - " + op + " -> " opid);
    });
});

answered Jan 10, 2019 at 6:26

Yogendrasinh

8951 gold badge8 silver badges23 bronze badges

Comments

j.ian.le · Accepted Answer · 2019-01-10 06:29:16Z

0

Try removing the space from option and :selected on your jquery. So intead of

var op=$('#uname option :selected').text(); 
var opid=$('#uname option :selected').val(); alert(opid);

it should be

var op=$('#uname option:selected').text(); 
var opid=$('#uname option:selected').val(); alert(opid);

answered Jan 10, 2019 at 6:29

j.ian.le

2074 silver badges16 bronze badges

Collectives™ on Stack Overflow

Get selected value of a dropdown's using jquery php

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