即使我选择了有效的选项,选择也是未定义的


The select is undefined even if I choose a valid option

即使我选择了有效的选项,选择也是未定义的

   <div class="form-group">
      <label for="rights">Rights</label>
        <select class="form-control" id="rs">
           <option>Alege...</option>
            <?php $reqRights = $conn->query("SELECT `IdRights`,`TitleRights` FROM Rights");
                while ($rowR = $reqRights->fetch_assoc()) { ?>
           <option value="<?php echo $rowR['IdRights']?>"><?php echo $rowR['TitleRights']?></option> 
            <?php } ?>
       </select>
    </div>
    <script>
    <!--Start Update User by Admin-->
    function updatedata(str){
    var id = str;
    var username = $('#username'+str).val();
    var email = $('#email'+str).val();
    var name = $('#name'+str).val();
    var surname = $('#surname'+str).val();
    var rights = $('#rs option:selected').val();
            var datas="username="+username+"&email="+email+"&name="+name+"&surname="+surname+"&rights="+rights;
            $.ajax({
               type: "POST",
               url: "app/admin_update_data_user.php?id="+id,
               data: datas
            }).done(function( data ) {
              $('#admininfo').html(data);
              viewdata();
            });
            }
        <!--End Update User by Admin-->
</script>

结果是:用户名=管理员&电子邮件=admin@ex.com&名称=管理员&姓氏=管理员&权限=未定义

我不明白为什么会有有利的结果...

提前谢谢你!

此代码将显示第一个选项的undefined。因为该选项没有价值。

var rights = $('#rs option:selected').val();
alert(rights)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" id="rs">
  <option>Alege...</option>
  <option value="1">Admin</option>
  <option value="2">Manager</option>
</select>