jquery动态添加下拉框选项设置下拉框样式怎么做啊

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery动态添加下拉框选项设置下拉框样式怎么做啊相关的知识,希望对你有一定的参考价值。

jquery动态添加下拉框选项之后 通过其他jquery插件更改下拉框样式但是更改不了

1、添加下拉框选项并设置样式

function addOption()
     $("#下拉框的id").append( "<option value=\\"1\\">选项一</option>" );
     $("#下拉框的id").append( "<option value=\\"1\\">选项二</option>" );
     //可以一个一个添加,也可以遍历要添加的数据循环添加
     
    //两种方式设置样式
    //1、直接设置下拉框的css
    $("#下拉框的id").css("widht":"20px","height":"10px");
    
    
    //2、或者写好css样式动态添加class
    //css文件或者标签里写好css样式如:.optionwidth:20px;height:10px;
    $("#下拉框的id").addClass("option");

参考技术A $("下拉选项ID").find("option").each(funciton() $(this).addClass("样式名称")); 参考技术B 贴个代码瞅瞅

前端,关于下拉选择

参考技术A

select标签构成的下拉框和jquery通过js构建的下拉框用法一样。例如:

html下拉框:

js控制的下拉框:

两者的本质是相同的,但是,select标签创建的下拉框会默认选中第一个选项。而js控制的下拉框默认是不会选中任何选项的。
当然select标签的默认选项可以通过为option标签添加selected属性设置。
而js控制的下拉框可以通过$("id").combobox(\'setValue\',value);设置初始值。
下拉框的默认值的获取方式:
$("id").next().children(":text").val()或者$("id").combobox("getValue").

遇到的问题是:下拉框默认选中第一个,但是没有触发选中时候的相应事件。

解决方法: onchange从这个名称就可以看出,只有在select的选项有改变(change)的时候才会触发这个事件的。一般情况下select的第一个选项是默认选项,当你选中第一个项时,由于值没有改变,所以是不会触发onchange事件的。解决这个问题并没有什么完美的办法,一般你可以增加一个空值的项作为第一选项,比如<option>请选择</option>,这样原来的第一项就变成了第二项,点击该项值就有所改变了,就会触发onchange事件了;或者把除第一项外的其他项设为默认值,这样点击第一项也会触发事件的。

以上是关于jquery动态添加下拉框选项设置下拉框样式怎么做啊的主要内容,如果未能解决你的问题,请参考以下文章

带下拉框的选项代码怎么写?

“jquery”中怎么让下拉框不能选择?

怎么做百度搜索的下拉框?

JQuery MiNiUI 多选多列下拉列表如何动态赋值。

angularjs在下拉框中添加选项动态显示

easyui 动态添加下拉框