jquery easyui combobox 添加添加选择项

1、在HBuilder软件中创建web项目，并在web项目指定的目录下创建静态页面select.html。

2、引入EasyUI插件核心css和js文件，并引入jQuery核心js文件。

3、下面开始编写ComboBox容器，该控件利用的是select标签元素构成的，设置ComboBox样式，如下图所示。

4、编辑js代码，获取ComboBox选中的值和文本，利用getValue和getText方法分别获取值和文本。

js

===========================================================

<script language="javascript" src="script/jquery-1.7.1.min.js"></script>

<script>

function gogogo(ob){

  $('#div2').append('<p>'+ob+'</p>')

}

</script>

html

==============================================================

<div id="div1">

  <p>

    <input type="checkbox" value="西瓜" id="select" onChange="gogogo(this.value)">

    西瓜

    <input type="checkbox" value="香蕉" id="select2" onChange="gogogo(this.value)">

    香蕉

    <input type="checkbox" value="苹果" id="select3" onChange="gogogo(this.value)">

    苹果

    <input type="checkbox" value="葡萄" id="select4" onChange="gogogo(this.value)">

    葡萄</p>

</div>

<div id="div2">

</div>

toggleClass()

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。

语法

$(selector).toggleClass(class,switch)

---