javascript - 如何将值 "select "附加到“选择”下拉列表?

标签 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]));
    }
}

我希望“全部”成为选择下拉列表中的第一个选项

最佳答案

使用.html()代替empty()并传递All选项的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]));
                }

关于javascript - 如何将值 "select "附加到“选择”下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34432398/

相关文章:

javascript - gruntfile.js - grunt.registerTask

Javascript 和正则表达式 : remove space after the last word in a string

javascript - 向下滚动时加载 iframe

javascript - Jquery ui 自动完成错误不是函数

javascript - jQuery ajax 调用变量

html - 在哪里正确应用 :hover to keep submenu css in the hover state

javascript - 如何在 Node 应用程序中获取选定的下拉值

javascript - 使用 jQuery 通过复选框禁用/启用按钮

jQuery Ajax 调用 servlet 生成的 html 响应

c# - 在 ASP.NET MVC 3 应用程序中填充下拉框时出现问题