Jquery 如何通过ajax调用显示默认选择选项值

我有两个选择框，第二个选择框的值取决于第一个框的值

在第一个选择框和第二个选择框中选择任意值时，它的ajax调用会自动更新为值

我想在ajax调用之后，选择框中的第一个vale是“select”

请帮忙

success: function(data)
{
    var optionHtml="";
    data = JSON.parse(data);
    $.each(data, function(index,object){

        optionHtml = optionHtml  +
                         "<option value= '"+object.rule_name+"' > "  
                          +object.rule_name+"</option>";

    });
    $('#rankTypeSel').html(optionHtml);
},

成功：函数（数据）
{
var optionHtml=“”；
data=JSON.parse（数据）；
$.each（数据、函数（索引、对象）{
optionHtml=optionHtml+
" "  
+对象。规则_name+“”；
});
$（'#rankTypeSel'）.html（optionHtml）；
},

试试这个：

  $("<option>SELECT</option>", { value: '', selected: true }).prependTo("#rankTypeSel");​​​​​​​​​​​

$（“选择”，“值：”，所选：true}）；​​​​​​​​​​​

试试这个

在选择框中首先附加选择选项，如下所示

success: function(data)
        {
            var optionHtml="";
            data = JSON.parse(data);
            $.each(data, function(index,object){

                optionHtml = optionHtml  +
                                 "<option value= '"+object.rule_name+"' > "  
                                  +object.rule_name+"</option>";

            });

            var optionWithSelect = "<option value= '-1' > Selelct </option>"+optionHtml;
            $('#rankTypeSel').html(optionWithSelect );


        },

成功：函数（数据）
{
var optionHtml=“”；
data=JSON.parse（数据）；
$.each（数据、函数（索引、对象）{
optionHtml=optionHtml+
" "  
+对象。规则_name+“”；
});
var optionWithSelect=“SELECT”+optionHtml；
$（'#rankTypeSel'）.html（optionWithSelect）；
},