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];

            }

        };