jQuery获取表单值

获取所有SELECT值 

Js代码   

1. //获取所有属性值 var item = $("select[@name=items] option[@selected]").text();   
2. $('select[name="selectName"]').each(  
3.     function(){  
4.         alert($(this).val());  
5.     });  

Jsp代码   

1. 好记性不如烂笔头，摘录一下。  
2. jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关  
3. 获取一组radio被选中项的值  
4. var item = $('input[@name=items][@checked]').val();  
5. 获取select被选中项的文本  
6. var item = $("select[@name=items] option[@selected]").text();  
7. select下拉框的第二个元素为当前选中值  
8. $('#select_id')[0].selectedIndex = 1;  
9. radio单选组的第二个元素为当前选中值  
10. $('input[@name=items]').get(1).checked = true;  
11. 获取值：  
12. 文本框，文本区域：$("#txt").attr("value")；  
13. 多选框checkbox：$("#checkbox_id").attr("value")；  
14. 单选组radio： $("input[@type=radio][@checked]").val();  
15. 下拉框select： $('#sel').val();  
16. 控制表单元素：  
17. 文本框，文本区域：$("#txt").attr("value",'');//清空内容  
18. $("#txt").attr("value",'11');//填充内容  
19. 多选框checkbox： $("#chk1").attr("checked",'');//不打勾  
20. $("#chk2").attr("checked",true);//打勾  
21. if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  
22. 单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  
23. 下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项  
24. $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option  
25. $("#sel").empty()；//清空下拉框  
26. ----------------------------------------------------------------------------------------------------  
27. //遍历option和添加、移除option  
28. function changeShipMethod(shipping){  
29. var len = $("select[@name=ISHIPTYPE] option").length  
30. if(shipping.value != "CA"){  
31. $("select[@name=ISHIPTYPE] option").each(function(){  
32. if($(this).val() == 111){  
33. $(this).remove();  
34. }  
35. });  
36. }else{  
37. $("  
38. <option value='111'>UPS Ground</option>  
39. ").appendTo($("select[@name=ISHIPTYPE]"));  
40. }  
41. }  
42.   
43. //取得下拉選單的選取值  
44. $(#testSelect option:selected').text();  
45. 或$("#testSelect").find('option:selected').text();  
46. 或$("#testSelect").val();  
47.   
48. 1,下拉框:  
49. var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)  
50. var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值  
51. var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值  
52. $("#select").empty();//清空下拉框//$("#select").html('');  
53. $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option  
54. 稍微解释一下:  
55. 1.select[@name='country'] option[@selected] 表示具有name 属性，  
56. 并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；  
57. 可以看出有@开头的就表示后面跟的是属性。  
58. 2.单选框:  
59. $("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)  
60. $("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)  
61. 3.复选框:  
62. $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值  
63. $("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出  
64. alert($(this).val());  
65. });  
66. $("#chk1").attr("checked",'');//不打勾  
67. $("#chk2").attr("checked",true);//打勾  
68. if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾  
69.   
70. 当然jquery的选择器是强大的. 还有很多方法.  
71. <script src="jquery-1.2.1.js" type="text/javascript"></script>  
72. <script language="javascript" type="text/javascript">  
73. $(document).ready(function(){  
74. $("#selectTest").change(function()  
75. {  
76. //alert("Hello");  
77. //alert($("#selectTest").attr("name"));  
78. //$("a").attr("href","xx.html");  
79. //window.location.href="xx.html";  
80. //alert($("#selectTest").val());  
81. alert($("#selectTest option[@selected]").text());  
82. $("#selectTest").attr("value", "2");  
83. });  
84. });  
85. </script>  
86. <a href="#">aaass</a>  
87. <!--下拉框-->  
88. <select id="selectTest" name="selectTest">  
89. <option value="1">11</option>  
90. <option value="2">22</option>  
91. <option value="3">33</option>  
92. <option value="4">44</option>  
93. <option value="5">55</option>  
94. <option value="6">66</option>  
95. </select>   

addProduct.js 今天刚写的代码 |  js 操作 json

• 10:06
• 浏览 (1550)
• 评论 (2)
• 分类: JavaScript
• 收藏
• 相关推荐

评论

2 楼  chengyu2099 2010-07-27    引用

Java代码   

1. $.ajax({  
2.    type: "POST",  
3.    url: "some.php",  
4.    data: "name=John&location=Boston",  
5.    success: function(msg){  
6.      alert( "Data Saved: " + msg );  
7.    }  
8. });  
9.   
10. data 传参