jquery easyui combobox 添加添加选择项

jquery easyui combobox 添加添加选择项,第1张

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

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

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

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

combobox里面有一个loadFilter回调函数,这个函数就是过滤后台返回数据并显示,那么那就可以获取到后台返回的数据(后台返回的数据是一个数组),并在这个数组前面加一条数据"-请选择-";然后return就行了;

$("#你的id").combobox({loadFilter:function(data){

//这里你想怎么改变data数据就怎么改变(增删改,都可以),只要格式正确

return data

}})

首先,要指定返回的数据项哪个属性是value,哪个属性是text,

$('#cid').combobox({

url:'showClass.do',

valueField:'id',

textField:'text'

})

然后,控制层返回的数据应该是JSON格式的数据,例如

[{"id":1, "text":"text1"},{ "id":2, "text":"text2"}]


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11665441.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存