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>

下拉列表具有值。然后，当我尝试从jquery中获取选定的下拉列表值时。

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

当我提醒op（文本）时，我总是会得到 Select Your Name （选择您的名字），而opid总是空白。但是在下拉菜单中，我的值是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

尝试删除option上:selected和jquery上的空格。如此

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

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

3 个答案: