如何将AJAX响应放在select标记中？

这是我的HTML

<select class="expand" id="search_category" style="display: none;">
 <option value=""></option>
 <option value="Sports">Sports</option>
 <option value="Arts & Music">Arts & Music</option>
 <option value="Academic & Tech">Academic & Tech</option>
 <option value="Odd Jobs">Odd Jobs</option>
 </select>

我还试图以这种方式获得HTML响应

<option value=""></option>
<option value="Lacrosse">Lacrosse</option>
<option value="Squash">Squash</option>
<option value="Basketball">Basketball</option>
<option value="Swimming">Swimming</option>
<option value="Golf">Golf</option>
<option value="Tennis">Tennis</option>
<option value="Football">Football</option>
<option value="Other">Other</option>
<option value="Baseball">Baseball</option>

长曲棍球
南瓜
篮球
游泳
高尔夫球
网球
足球
其他
棒球

但未能将这两个响应中的任何一个放入下面的HTML select标记中

<select id="showSubCats"></select>

jQuery正在正确运行。我可以提醒这些值。如何将这些值放入选择标记中，如

<select id="showSubCats">
<option value=""></option>
<option value="Lacrosse">Lacrosse</option>
<option value="Squash">Squash</option>
<option value="Basketball">Basketball</option>
<option value="Swimming">Swimming</option>
<option value="Golf">Golf</option>
<option value="Tennis">Tennis</option>
<option value="Football">Football</option>
<option value="Other">Other</option>
<option value="Baseball">Baseball</option>
</select>

长曲棍球
南瓜
篮球
游泳
高尔夫球
网球
足球
其他
棒球

还有jQuery

jQuery(function(){
    jQuery('#search_subcategory').css('display','none');
    jQuery('#search_category_loader').css('display','none');
    jQuery('#search_category').on('change',function(){
        var category = jQuery(this).val();
        jQuery('#search_category_loader').css('display','block');
        jQuery.ajax({
            type: 'POST',
            data: {'ajaxreturn':131, 'searchCat': category},
            url: '<?php bloginfo('url') ?>/',
            //success:function(result){
            success: function(data){
                jQuery('#showSubCats').html(data); 
                jQuery('#search_subcategory').css('display','block');
                jQuery('#search_category_loader').css('display','none');
            },
            dataType: "html"
        });
    });
});

jQuery（函数（）{
jQuery（'search#u subcategory'）.css（'display'，'none'）；
jQuery（'search#u category_loader'）.css（'display'，'none'）；
jQuery（'search_category'）。on（'change'，function（）{
var category=jQuery（this.val（）；
jQuery（'search#u category_loader'）.css（'display'，'block'）；
jQuery.ajax({
键入：“POST”，
数据：{'ajaxreturn'：131，'searchCat'：category}，
url:“/”，
//成功：功能（结果）{
成功：功能（数据）{
jQuery（'#showSubCats'）.html（数据）；
jQuery（'search#u subcategory'）.css（'display'，'block'）；
jQuery（'search#u category_loader'）.css（'display'，'none'）；
},
数据类型：“html”
});
});
});
a可以帮助您，
为方便起见，请尝试以下方法：

$("#showSubCats").empty().append(data);

请将jquery附加到附件中，我可以提醒这些值。我已经编辑了我的问题，并编写了问题的jquery部分。您在浏览器上遇到错误了吗？所有代码运行正常吗？是的，代码运行正常。
$("#showSubCats").empty().append(data);