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

时间:2014-05-12 12:25:48

标签: jquery ajax

我有两个选择框和第二个选择框值取决于第一个框值。

在第一个选择框中选择任何值时,其ajax调用和第二个框自动更新值。

我希望在选择框中的第一个值是ajax调用后的“选择”。

请帮忙。

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);
},

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

试试这个

首先在选择框中添加选择选项,如下所示

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 );


        },