BlogJava-疯狂 --专注java,开源,架构,项目管理-随笔分类-jqueryhttp://www.blogjava.net/freeman1984/category/44698.html STANDING ON THE SHOULDERS OF GIANTSzh-cnWed, 02 Nov 2011 17:39:37 GMTWed, 02 Nov 2011 17:39:37 GMT60js,JQuery获得select选中的值http://www.blogjava.net/freeman1984/archive/2011/11/02/362510.html疯狂疯狂Wed, 02 Nov 2011 02:24:00 GMThttp://www.blogjava.net/freeman1984/archive/2011/11/02/362510.htmlhttp://www.blogjava.net/freeman1984/comments/362510.htmlhttp://www.blogjava.net/freeman1984/archive/2011/11/02/362510.html#Feedback0http://www.blogjava.net/freeman1984/comments/commentRss/362510.htmlhttp://www.blogjava.net/freeman1984/services/trackbacks/362510.html用JQuery写的：

Js代码  
  1. Jquery获得select下拉选项option的值:   
  2.   
  3. <script type"text/javascript">   
  4.   
  5. $(document).ready(function() {   
  6.   
  7. $("#selProv").change(function(){   
  8.   
  9. alert( $("#selProv option:selected").text() );})   
  10.   
  11. });   
  12. //alert($("#selProv option[value='01']").val());//也可以这样获得一个值   
  13. </script>   
  14.   
  15. <select id="selProv">   
  16.   
  17. <option value="1">text111111</option>   
  18.   
  19. <option value="2">text222222</option>   
  20.   
  21. </select>  

 

用javascript的写的：

Js代码  
  1. var str = document.getElementById("stBegin");   
  2. alert(str.options[str.selectedIndex].value);  

 

如何添加select的option呢？

有如下两种方法，当然还有其它的方法，下面的只是经常用到：

①JS代码：

Js代码  
  1. var op = new Option("text", "value");//创建一个option对象   
  2. op.selected = true;//设置其为默认选中项   
  3. $("#stBegin")[0].options.add(op);//添加到select对像  

 ②JQuery代码：

Js代码  
  1. $("#stBegin").append("<option value='00000' selected>oooo</option>");//使用JQuery的append方法，来天添加  

文章来自：http://sh2015yao.iteye.com/blog/859678

疯狂 2011-11-02 10:24 发表评论
]]>jquery 相关操作记录 随时更新http://www.blogjava.net/freeman1984/archive/2010/11/25/339000.html疯狂疯狂Thu, 25 Nov 2010 02:51:00 GMThttp://www.blogjava.net/freeman1984/archive/2010/11/25/339000.htmlhttp://www.blogjava.net/freeman1984/comments/339000.htmlhttp://www.blogjava.net/freeman1984/archive/2010/11/25/339000.html#Feedback0http://www.blogjava.net/freeman1984/comments/commentRss/339000.htmlhttp://www.blogjava.net/freeman1984/services/trackbacks/339000.html $("#pausebutton",parent.document).find

疯狂 2010-11-25 10:51 发表评论
]]>jquery 全局事件http://www.blogjava.net/freeman1984/archive/2010/04/16/318530.html疯狂疯狂Fri, 16 Apr 2010 08:29:00 GMThttp://www.blogjava.net/freeman1984/archive/2010/04/16/318530.htmlhttp://www.blogjava.net/freeman1984/comments/318530.htmlhttp://www.blogjava.net/freeman1984/archive/2010/04/16/318530.html#Feedback0http://www.blogjava.net/freeman1984/comments/commentRss/318530.htmlhttp://www.blogjava.net/freeman1984/services/trackbacks/318530.htmljquery中各个事件执行顺序如下：

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

       其中，全局事件可以在ajax相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。

下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使用方法view plaincopy to clipboardprint?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
                    "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script>  
    
  <mce:script type="text/javascript"><!--  
  $(function(){  
    //点击按钮，并执行ajax请求  
    $("#ajaxReuqestID").click(function(){  
            $.ajax({  
                   url: "http://blog.csdn.net/gaoyusi4964238",  
                   beforeSend:function(){  
                    $("#ajaxStateID").text("berforeSend");  
                     alert("berforeSend");  
                  },  
                   success: function(){  
                    $("#ajaxStateID").text("success");  
                    alert("success");     
                  },  
                  error:function(){  
                    $("#ajaxStateID").text("error");  
                    alert("error");  
                  },  
                  complete:function(){  
                    $("#ajaxStateID").text("complete");  
                    alert("complete");  
                  }  
                 });  
        });  
          
        $("#ajaxStateID").ajaxStart(function(){  
            $(this).text("ajaxStart");  
            alert("ajaxStart");  
        }).ajaxSend(function(){  
            $(this).text("ajaxSend");  
            alert("ajaxSend");  
        }).ajaxSuccess(function(){  
            $(this).text("ajaxSuccess");  
            alert("ajaxSuccess");  
        }).ajaxError(function(){  
            $(this).text("ajaxError");  
            alert("ajaxError");  
        }).ajaxComplete(function(){  
            $(this).text("ajaxComplete");  
            alert("ajaxComplete");  
        }).ajaxStop(function(){  
            $(this).text("ajaxStop");  
            alert("ajaxStop");  
        });  
    })  
    
// --></mce:script>  
   
</head>  
<body>  
    <input type="button" value="点击触发ajax请求" id="ajaxReuqestID"/>  
  <div id="ajaxStateID"></div>  
</body>  
</html> 


本文来自CSDN博客，：http://blog.csdn.net/gaoyusi4964238/archive/2009/08/13/4443401.aspx



疯狂 2010-04-16 16:29 发表评论
]]>jquery 全局事件http://www.blogjava.net/freeman1984/archive/2010/04/16/318531.html疯狂疯狂Fri, 16 Apr 2010 08:29:00 GMThttp://www.blogjava.net/freeman1984/archive/2010/04/16/318531.htmlhttp://www.blogjava.net/freeman1984/comments/318531.htmlhttp://www.blogjava.net/freeman1984/archive/2010/04/16/318531.html#Feedback0http://www.blogjava.net/freeman1984/comments/commentRss/318531.htmlhttp://www.blogjava.net/freeman1984/services/trackbacks/318531.htmljquery中各个事件执行顺序如下：

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

       其中，全局事件可以在ajax相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。

下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使用方法view plaincopy to clipboardprint?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
                    "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script>  
    
  <mce:script type="text/javascript"><!--  
  $(function(){  
    //点击按钮，并执行ajax请求  
    $("#ajaxReuqestID").click(function(){  
            $.ajax({  
                   url: "http://blog.csdn.net/gaoyusi4964238",  
                   beforeSend:function(){  
                    $("#ajaxStateID").text("berforeSend");  
                     alert("berforeSend");  
                  },  
                   success: function(){  
                    $("#ajaxStateID").text("success");  
                    alert("success");     
                  },  
                  error:function(){  
                    $("#ajaxStateID").text("error");  
                    alert("error");  
                  },  
                  complete:function(){  
                    $("#ajaxStateID").text("complete");  
                    alert("complete");  
                  }  
                 });  
        });  
          
        $("#ajaxStateID").ajaxStart(function(){  
            $(this).text("ajaxStart");  
            alert("ajaxStart");  
        }).ajaxSend(function(){  
            $(this).text("ajaxSend");  
            alert("ajaxSend");  
        }).ajaxSuccess(function(){  
            $(this).text("ajaxSuccess");  
            alert("ajaxSuccess");  
        }).ajaxError(function(){  
            $(this).text("ajaxError");  
            alert("ajaxError");  
        }).ajaxComplete(function(){  
            $(this).text("ajaxComplete");  
            alert("ajaxComplete");  
        }).ajaxStop(function(){  
            $(this).text("ajaxStop");  
            alert("ajaxStop");  
        });  
    })  
    
// --></mce:script>  
   
</head>  
<body>  
    <input type="button" value="点击触发ajax请求" id="ajaxReuqestID"/>  
  <div id="ajaxStateID"></div>  
</body>  
</html> 


本文来自CSDN博客，：http://blog.csdn.net/gaoyusi4964238/archive/2009/08/13/4443401.aspx



疯狂 2010-04-16 16:29 发表评论
]]>