使用jQuery PHP获取下拉列表的选定值

Question

我有一个下拉

  <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>

下拉列表有values.then，当我试图从jQuery中获取选定的下拉列表值。

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

当我提醒op （文本）时，我总是会得到“ 选择您的姓名”，并且opid始终为blank。但是在下拉菜单中，我有值pakka。任何帮助都将得到感谢。

Answer 1

尝试仅使用以下代码：

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

////////

.val（）-获取任何输入和下拉列表的值。

Answer 2

当更改select框时，请尝试以下代码来获取当前选定的值和文本。

$(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);
    });
});

Answer 3

尝试从jquery option和:selected删除空格。 很有趣

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

它应该是

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