如何追加价值"选择"选择下拉菜单?

时间:2015-12-23 09:29:16

标签: javascript jquery drop-down-menu

我想添加"所有"现有下拉列表的选项作为第一个选项。请帮助我

if(own != null)
{
    var ar = own.replace("[","").replace("]","").split(",");
    var output = $("#status_type");
    output.empty();

    for(var i=0;i<ar.length/2;i++)
    {
        output.append("<option value='" + $.trim(ar[i*2+1]) + "'>" + $.trim(ar[i*2+1]) + "</option>");  
        //alert ("val " +$.trim(ar[i*2+1]));
    }
}

我想要&#34;所有&#34;成为选择下拉列表中的第一个选项

3 个答案:

答案 0 :(得分:1)

而不是empty()使用.html()并传递所有选项的html。这将首先清除select,然后添加所有选项,然后添加其他选项,并为您节省不必要的.empty()操作。

if(own != null)
            {
                var ar = own.replace("[","").replace("]","").split(",");
                var output = $("#status_type");

                output.html('<option value="'+all+'">All</option>');

                for(var i=0;i<ar.length/2;i++)
                {
                    output.append("<option value='" + $.trim(ar[i*2+1]) + "'>" + $.trim(ar[i*2+1]) + "</option>");  
                    //alert ("val " +$.trim(ar[i*2+1]));
                }

答案 1 :(得分:0)

试试这个:您可以在清空output变量后立即添加所有选项,如下所示 -

if(own != null)
            {
                var ar = own.replace("[","").replace("]","").split(",");
                var output = $("#status_type");
                output.empty();
                output.append("<option value='ALL'></option");//add here
                for(var i=0;i<ar.length/2;i++)
                {
                    output.append("<option value='" + $.trim(ar[i*2+1]) + "'>" + $.trim(ar[i*2+1]) + "</option>");  
                    //alert ("val " +$.trim(ar[i*2+1]));
                }
}

答案 2 :(得分:0)

试试这个:

             $('#mysampledropdown').empty();
            $.each(response.d, function(key, value) {
                $("#mysampledropdown").append($("<option></option>").val(value.ID).html(value.text));

            });
              $('<option>').val("").text('--ALL--').prependTo('#mysampledropdown');