代码笔记（1）

<script>

var arr_biaoqian=new Array();
var str_biaoqian='';
    $(function(){



        $.ajax({

            type: "post",
            dataType: "html",
            async: false,   //关键问题，采用同步传输方式
            url: "index.php?m=upc&fn=biaoqian_ajax.php",
            data:"action=get_tag",
            success:function(data){

                data=eval("("+data+")");

                $(".one").empty();
                var ii=0;

                $.each(data, function(key, val) {

                    $(".one").append("<option value='"+ii+"'>"+key+"</option>");
                    if(ii==0){
                        str_biaoqian+=val.join(',');
                    }else{
                        str_biaoqian+='|'+val.join(',');
                    }

                    ii++;

                });



            }
        });
        arr_biaoqian=str_biaoqian.split("|");
        var zz=arr_biaoqian[0].split(',');
        $.each(zz, function(key, val) {

            $(".two").append("<option value='"+val+"'>"+val+"</option>");
        })

      $('.one').change(function(){
          $(".two").empty();
          var yy=$(this).val();
          arr_b=arr_biaoqian[yy].split(',');
          $.each(arr_b, function(key, val) {

            $(".two").append("<option value='"+val+"'>"+val+"</option>");
          })

      })


        $(".add_tag_ku").click(function(){
           var two=$(".two").val();

            //$(".alreadyTagList").append("<a href='javascript:void(0);'  class='matchList  a1'>"+two+"<em class='tagListImg match_l1'></em></a>");


            var s=$('.biaoqian').val();



            var strs = new Array();

            strs = s.split(",");

            var flag=1;
            $.each(strs, function(i,val){

                if(val==two){
                    flag=0;
                }
            });

            if(flag==0){}else{

                $(".alreadyTagList").append("<a href='javascript:void(0);'  class='matchList  a1'>"+two+"<em class='tagListImg match_l1'></em></a>");
            }

            fei();


        })




        fei();
        $('#add_form').ajaxSubmit({'dataType':'json','success':function(data){
            if (data.flag == 1){
                alert('提交成功');
                location.href="index.php?m=credit&fn=credit_configure_list.php";
            }
        }
        });


        $(".match_l1").live("click",function(){
            //alert($(this).parent().text());
            // $(this).parent().remove();

            $(this).parent().hide();
            $(this).parent().removeClass('a1');
            var hei1=$(this).parent().text();
            var str='';

            $.each($('.a1'), function(i, val){
                if($(val).text()!=hei1){
                    if(i==0){
                        str=$(val).text();
                    }
                    else{

                        str+=","+$(val).text();

                    }
                }

            });
            arr = str.split(",");
            arr=uniQueue(arr);
            str=arr.join(",");


            $('.biaoqian').val(str);


        })


        $(".hrefTag").click(function(){

            var s=$('.biaoqian').val();

            var tag=$(this).text();

            var strs = new Array();

            strs = s.split(",");

            var flag=1;
            $.each(strs, function(i,val){

                if(val==tag){
                    flag=0;
                }
            });

            if(flag==0){}else{

            /*<a href="javascript:void(0);" class="matchList a1">汽车改装2<em class="tagListImg match_l1"></em></a>*/
                //$(".hei").append("<span class='matchList a'>"+tag+"<a href='javascript:void(0);' class='match_l'></a></span>");
                $(".alreadyTagList").append("<a href='javascript:void(0);'  class='matchList  a1'>"+tag+"<em class='tagListImg match_l1'></em></a>");
            }
            fei();


        })

        $(".addTagBut").click(function(){


            $(".pairing").show();

            $(".addTagBut").hide();
            $(".tagTop").show();
            $(".r").show();

            /* $.ajax({

             type: "post",
             dataType: "html",
             async: false,   //关键问题，采用同步传输方式
             url: "XXX.php",
             data:"news_id="+val,
             success:function(data){



             }
             });*/
        })





        $(".handAddTag").focus(function(){

            $(".handAddTag").val('');

        })

        $(".handAddTag").keyup(function(){

            var word=$(".handAddTag").val();


            if(word!=''){
                $.ajax({

                    type: "post",
                    dataType: "html",
                    async: false,   //关键问题，采用同步传输方式
                    url: "index.php?m=upc&fn=biaoqian_ajax.php",
                    data:"action=word_tag&word="+word,
                    success:function(data){

                        data=eval("("+data+")");
                        $(".new_option").empty();
                        $.each(data, function(key, val) {
                           $(".new_option").append("<li><a href='javascript:void(0);' class='my_tag'>"+val+"</a></li>");


                        });



                    }
                });
            }




        })


        $(".add_tag_shou").live("click",function(){
            my_tag=$(".handAddTag").val();
            //$(".hei").append("<span class='matchList a'>"+my_tag+"<a href='javascript:void(0);' class='match_l'></a></span>");
           $(".hei").append("<a href='javascript:void(0);' class='matchList a1'>"+my_tag+"<em class='tagListImg match_l1'></em></a>");
            fei();
        })


        $(".my_tag").live("click",function(){

            my_tag=$(this).text();

            $(".handAddTag").val($(this).text());
            //$(".hei").append("<span class='matchList a'>"+my_tag+"<a href='javascript:void(0);' class='match_l'></a></span>");
            $(".new_option").empty();
            fei();
        })




        $(".alreadyTagCon").click(function(){
            $.each($('.matchList'), function(i, val){
                $(val).addClass('a');
                $(val).show();
            });
            fei();
        })


        $(".repowering").click(function(){
            //$('.biaoqian').val('');
           // $('.hei').empty();

            $(".pairing").hide();

            $(".addTagBut").show();

            $(".r").hide();

            /*$(".tagTop").hide();
            $(".tagMiddle").hide();*/
        })


        function uniQueue(array){
            var arr=[];
            var m;
            while(array.length>0){
                m=array[0];
                arr.push(m);
                array=$.grep(array,function(n,i){
                    return n==m;
                },true);
            }
            return arr;
        }
        function fei(){

            var str='';

            $.each($('.a1'), function(i, val){

                if(i==0){
                    str=$(val).text();
                }
                else{

                    str+=","+$(val).text();

                }


            });
            arr = str.split(",");
            arr=uniQueue(arr);
            str=arr.join(",");


            $('.biaoqian').val(str);


        }



    });




</script>