Jquery 保留选项Select from Modal的值或文本

我有8个空框，点击打开一个传递框ID的模式视图。在模式中有一个选择选项，单击时使用AJAX将信息发送到DB。所有框使用相同的代码，但前5个正在工作，其他3个正在为所选选项发送空值

这是我启动模式的代码：这是有效的

function popupEmptyCat(id) {
   $('#category'+id).modal('show');
}

模式打开时，显示选择选项：

<div class="col-sm-8">
     <select id="selectcat" name="category" class="form-control">
            <option value="Empty">Empty</option>
            <?php foreach ($category as $key => $value) { ?>
            <option value="<?php echo $value['category']; ?>">
              <?php echo $value['category']; ?></option>
            <?php } ?>
     </select>
</div>
<div class="col-sm-4">
     <button onclick="setCategory(5);" class="btn btn-block btn-white">Set</button>
</div>

然后单击按钮SET启动setCategory脚本：

function setCategory(id) {
   var user_id = <?php echo $this->session->userdata('user_id'); ?>;
   var position = "category"+id;
   var category = $('#selectcat :selected').text();
        $.ajax({
                type: "POST",
                url: "<?php echo base_url() ?>social/chg_set_position/"+category+"/"+position+"/"+user_id,
                data:{},  
                success: function(){ location.reload(); }
        });
}

---

为什么要刷新页面？？您只能在ajax success中填充所有字段。刷新可能是个问题？实际上不是，但是，不刷新也很容易。当然，但目前我写这篇文章只是为了刷新页面，并在一个框中看到类别发生了变化，所以我不必每次都刷新页面。这个函数中的问题是如何保留var类别，实际上，将函数命名为setAnotherCategory并更改select选项的id在所有其他3个框中都起作用。在ajax成功中，您是否会得到no，所有8个框的值是多少？？