2013-5-11 近日javascript小结

一、Jquery不支持select..options.add方法

   function myModalEvent(){
       var workflow_id=$("#workflow_id").val();
       $("#workflowDiv").html($("#modalContent").html());
       $("#myModal").modal('hide');
       $("#modalDiv").remove();
       $('#workflow_id  option[value='+workflow_id+']').attr("selected","selected");
        document.getElementById("transition_id").options.add(new Option("text","value"));
          $(".modal-backdrop").remove();//
        return false;//词句必须，否则firefox报错
} 


$("#myModal .modal-footer .btnEvent").click(myModalEvent);

二、绑定事件需要返回值

$("#selectObj").select.options.add("text","value");
//以上报错，提示不存在options
//以下正确：
document.getElementById("selectObj").options.add(new Option("text","value"));

三、删除后再生成的对象绑定的事件已绑定的时间会失效，需重新绑定。

<script type="text/javascript"> 
   function myModalEvent(){
       var workflow_id=$("#workflow_id").val();
       $("#workflowDiv").html($("#modalContent").html());
       $("#myModal").modal('hide');
       $("#modalDiv").remove();
       $('#workflow_id  option[value='+workflow_id+']').attr("selected","selected");
       $("#workflow_id").change( //此处必须，否则，重新生成的 select控件变化时将不在弹出消息。
        function(){alert($("#workflow_id").val());}
          //function(){if($("#workflow_id").val()=='0') alert('请选择工作流');}
         //
      );
        document.getElementById("transition_id").options.add(new Option("text","value"));
          $(".modal-backdrop").remove();//
        return false;
    }
    $(function(){
      $("#submit").click(function(){
          commonAjaxSubmit("__SELF__","form","submit");//in functions.js  
          return false;
      });
      workflow_id=0{$Think.get.workflow_id} ;
      if(workflow_id>0){
        $('#workflow_id  option[value='+workflow_id+']').attr("selected","selected");
      }
      <if condition="!$_GET['workflow_id']"> 
        id=$(this).attr("tid");
        url=$(this).attr("url");
        tname=$(this).attr("tname");
        args=new Array();
        args['type']='warning';
        args['modalType']='confirm';
        args['title']='请指定工作流'
        args['btnEventText']='OK';
        args['removeBtnOk']=true;
        //args['content']='<h3>请指定工作流！</h3>';
        args['content']='';
        args['content']= args['content']+$("#workflowDiv").html();
        $("#workflowDiv").html("");
        bootstrapModalX(args);
      </if>

      $("#workflow_id").change(
        //function(){alert($("#workflow_id").val());}
          function(){if($("#workflow_id").val()=='0') alert('请选择工作流');}
         //
      );
   });
</script>