zoukankan      html  css  js  c++  java
  • 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];
                }
            };
  • 相关阅读:
    Git 如何优雅地回退代码?
    如何让自己的技能变现?
    读了100本书,总结出读遍万卷书的 7 大方法
    08月10日总结
    08月09日总结
    08月08日总结
    08月06日总结
    08月04日总结
    08月03日总结
    剑指offer52 两个链表的第一个公共节点
  • 原文地址:https://www.cnblogs.com/xiaoxian1369/p/4324103.html
Copyright © 2011-2022 走看看