编辑 ajax 上的下拉值

Question

您好，我目前正在使用 ajax，我遇到了下拉菜单问题，我有这个功能可以从数据库中获取数据并将其输出到文本字段和下拉列表中，我可以毫无问题地获取数据并将其输出到文本字段和下拉列表中但是当我更新文本字段的值时它不会这样做。下拉列表中的变量是 user_type

$(function users() {
    $("a.edit-users").on("click", function(event){
        event.preventDefault();
        $('#editUser').foundation('reveal', 'open');
        $.ajax({
            url:'users/retrieve',
            type: 'post',
            data: {
                'userid': $(this).data('userid')
            },
            dataType: "json",
            success: function(data, status) {
                $('#uuserid').val(data.userid);
                $('#uusername').val(data.username);
                $('#upassword').val(data.password);
                $('#ufullname').val(data.fullname);       
                $('#uemail_add').val(data.email_add); 
                $('#uuser_type').val(data.user_type);
            },
            error: function(xhr, desc, err) {
                console.log(xhr);
                console.log("Details: " + desc + "\nError:" + err);
            }
        });
    });
});

这是我编辑数据的地方

<div id="editUser" class="reveal-modal" data-reveal>
<?php echo form_open('users/update');?>
  <form>
  <h3 align="center">Edit User</h3>
                  <div class="row">
                    <input type="hidden" name="userid" id="uuserid" />
                    <div class="large-12 columns">
                      <label>Full Name</label>
                      <input type="text" name="fullname" id="ufullname" placeholder="max 16 char" />
                    </div>
                  </div>
                    <div class="large-12 columns">
                      <label for="user_type">User Type</label>
                      <select for="user_type">
                        <option value="admin" name="user_type" id="uuser_type">Administrator</option>
                        <option value="head_mgr" name="user_type" id="uuser_type">Head Manager</option>
                        <option value="branch_mgr" name="user_type" id="uuser_type">Branch Manager</option>
                        <option value="employee" name="user_type" id="uuser_type">Employee</option>
                      </select>
                    </div>
                   </div>

                 <input type="submit" name="Submit" value="Update"  class="small radius button" style="margin-left: 440px;">
  </form>
  <?php echo form_close();?>
</div>

Answer 1

更改您的下拉列表 ID

<select for="user_type" id="uuser_type">
       <option value="admin" name="user_type">Administrator</option>
       <option value="head_mgr" name="user_type">Head Manager</option>
       <option value="branch_mgr" name="user_type">Branch Manager</option>
       <option value="employee" name="user_type">Employee</option>
</select>

编辑 ajax 上的下拉值

editing drop down values on ajax

javascript

php

ajax

jquery