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];
                }
            };
  • 相关阅读:
    基本MVVM 和 ICommand用法举例(转)
    WPF C# 命令的运行机制
    628. Maximum Product of Three Numbers
    605. Can Place Flowers
    581. Shortest Unsorted Continuous Subarray
    152. Maximum Product Subarray
    216. Combination Sum III
    448. Find All Numbers Disappeared in an Array
    268. Missing Number
    414. Third Maximum Number
  • 原文地址:https://www.cnblogs.com/xiaoxian1369/p/4324103.html
Copyright © 2011-2022 走看看