JS操作Radio与Select
//radio的chang事件,以及获取选中的radio的值 $("input[name=radioName]").on("change", function() { var val= this.value; });
//初始化下拉框组件 function initSelect(id, data) { var arr = []; for (var i = 0, len = data.length; i < len; i++) { var item = data[i]; arr.push("<option value=\"" + item["val"] + "\" other=\"" + item["other"] + "\">" + item["text"] + "</option>"); } var $select = $("#" + id); $select.children().remove(); $select.append(arr.join("")); }
//ajax请求 function ajax(url, msg, callback, paramArr) { $.ajax({ url: url, type: ‘post‘, dataType: ‘json‘, data: paramArr, success: function(data) { callback.call(null, data); }, error: function() { alert(msg); } }); }
//将左边的下拉框中选中项添加到右边的下拉框中;将右边下拉框中选中的项删除 function addOrDel(flag) { var $left = $("#left"); var $right = $("#right"); if (flag == 0) { //添加 var $select = $left.find("option:selected"); var $options = $right.children(); var optionArr = []; for (var i = 0, len = $options.length; i < len; i++) { optionArr.push($options[i].value + ""); } if ($select.length == 0) { //当没有指标被选中时 alert("请先选择指标,再进行添加"); return; } var arr = []; for (var i = 0, len = $select.length; i < len; i++) { var item = $select[i]; var val = item.value; if ($.inArray(val, optionArr) != -1) { //是否已存在【根据val查询】 continue; } var other= item.getAttribute("other"); arr.push("<option value=\"" + val + "\" other=\"" + other+ "\">" + (item.text + "[" + obj.getMc(other)) + "]" + "</option>"); } $right.append(arr.join("")); } else { //删除 var $select = $right.find("option:selected"); if ($select.length == 0) { //当没有选中的指标时 alert("请先选择指标,再进行删除"); return; } for (var i = 0, len = $select.length; i < len; i++) { //一个一个的删除 var item = $select[i]; $(item).remove(); } } }
//类---类别 var obj= { arr: ["年", "季", "月"], getMc: function(type) { type--; var arr = this.arr; var len = arr.length; if (type< 0 || type>= len) { return ""; } return arr[type]; } };
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。