Javascript Jquery在select元素上添加一个空行

Javascript Jquery在select元素上添加一个空行,javascript,jquery,Javascript,Jquery,我有一个使用jquery用Ajax填充的select元素,如下所示: Javascript: oCssSet = document.getElementById("sel_opt"); $.each(data, function (index) { var opt = document.createElement("option"); opt.value = data[index].selID; opt.inner

我有一个使用jquery用Ajax填充的select元素,如下所示:

Javascript:

oCssSet = document.getElementById("sel_opt");    

$.each(data, function (index) {
            var opt = document.createElement("option");
            opt.value = data[index].selID;
            opt.innerHTML = data[index].selDescr;

            oCssSet.appendChild(opt);

        });
HTML:

全部完成,但当只有一个值,我点击它时,我的函数没有启动,我需要在我的顶部选择一个空行,这怎么可能


提前感谢

将其静态添加到您的html:

请选择
如果只有一个,则将其设为复选框:

函数添加选项{ var val=该值; 如果this.type==复选框&&!this.checked val=; console.logval; } 风险值数据=[{ selId:选项1, selDesc:选项1 }] /* ,{ selId:选项2, selDesc:选项2 }*/ $function{ 如果data.length==1{ var html=+数据[0]。selDesc+ ; $sel_opt.replaceWithhtml }否则{ $.eachdata,函数,项{ 变量$opt=${ 值:item.selId, 文本:item.selDesc }; $sel_opt.追加$opt; }; } $sel_opt.onchange,AddOptions; }; 请选择。。。
只需添加请选择。。。对于HTML来说,如果只是一个值,onchange就不会发生
<select class="form-control" onChange="AddOptions(this);" id="sel_opt" disabled></select>