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样式如：.option{width:20pxheight:10px}

    $("#下拉框的id").addClass("option")

}

1、首先看一下没有（background-color）属性的选择下拉框的效果。

代码：

<选择>

<option>123 </ option>

<option>blue </ option>

<option>黄色</ option>

<option>红包</ option>

</选择>

2、要在选择下拉框中添加背景颜色，首先我们需要先编写样式样式，这样便于调用。

样式类样式代码：

<style type =“text / css”>

蓝色 {

背景色：蓝色

颜色：#FFF

red {

背景色：＃E20A0A

颜色：#FFF

}

黄色 {

背景颜色：黄色

颜色：#fff

}

</样式>

3、此时，我们的选择下拉框调用样式类样式。

代码如下：

<选择>

<option>123 </ option>

<option class =“blue”>蓝色</ option>

<option class =“yellow”>黄色</ option>

<option class =“red”>红包</ option>

</选择>

4、此时，我们将背景颜色添加到选择下拉框中。如下面的效果图。

可以设置word表格的边框样式。在word2007中，单击表格左上角的移动控点选中表格，单击表格工具的设计选项卡，在绘图边框组单击笔样式按钮，在下拉列表中选择边框样式，然后单击表样式组的边框按钮后的下拉箭头，在打开的下拉列表中选择外侧框线即可。

---