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