jquery的selectBoxIt控件使用
2015-12-11 14:14
736 查看
selectBoxIt控件可以用来代替简单的html5的
html代码如下:
js代码
<select>标签,使用很方便。
html代码如下:
<script type="text/javascript"> jQuery(document).ready(function($) { $("#select-voyageedit").selectBoxIt(); }); </script> <select class="form-control" id="select-voyageedit"> <option></option>//这里加了一个空的选项,也可以删除,没什么意义 </select>
js代码
if($("#select-voyageadd").data("selectBox-selectBoxIt").listItems.length==1) { $.ajax({ type : "POST", url : "***********.action", // 请求地址,后面可以传参 error : function() {// 下面是前台的处理操作,自己可以按需求修改 alert("发生错误"); // 发生错误再请求一次 }, data : { }, dataType : "json", success : function(data) {// 下面是前台的处理操作,自己可以按需求修改 if (data != null) { $("#select-voyageadd").data("selectBox-selectBoxIt").remove();//首先清空select控件中的选项 $("#select-voyageadd").data("selectBox-selectBoxIt").add({ value: '0', text: '未知航次'});//添加一个未知航次的选项 $.each(data, function(n, value) { $("#select-voyageadd").data("selectBox-selectBoxIt").add({ value: value.voyageid, text: value.vchinese});//将获取的数据添加到select选项中 }); } else { alert("数据为空"); } } }); }
相关文章推荐
- jquery获取选中radio的值
- js及jquery获取页面和元素的宽高
- jQuery.my – 实时的复杂的双向数据绑定
- jQuery+CSS实现环形进度条
- 一些好用的Jquery插件
- javascript,jquery代码规范
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- jQuery弹簧插件编写基础之“又见弹窗”
- Jquery_jquery中attr和prop的区别
- Jquery_操作cookies
- jQuery Ajax: $.post请求示例
- Javascript和JQuery之间的联系
- jQuery EasyUI使用教程之在数据网格中添加搜索功能
- jquery实现form表单的submit和reset
- 10款基于jquery实现的超酷动画源码
- 基于jQuery实现复选框是否选中进行答题提示
- jQuery插件编写基础之“又见弹窗”
- jQuery文档学习笔记
- Jquery easyui从零单排之datagrid查询
- 【头条】移动设备是推动VR大发展的第一波浪潮