以下內容均是來自《鋒利的jQuery》，發到這里，純屬做個筆記，方便查閱。
直接看代碼：
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <head>
5 <title></title>
6 <script type="text/javascript" src="jquery-1.3.1.js">
7
8 </script>
9
10 <script type="text/javascript">
11 $().ready(
12 function() {
13
14 //表單對象屬性過濾選擇器
15 //1改變表單內可用元素的值
16 //$('#form1 input:enabled').val("這里變化了");
17
18 //2改變表單內不可用元素的值
19 //$('#form1 input:disabled').val("這里變化了");
20
21 //3選取多選框中選中的個數
22 //alert($('#form1 input:checked').length);
23
24 //4選取下拉框中選中的內容
25 alert($('#form1 select :selected').length);
26 }
27 );
28 </script>
29 </head>
30 <body>
31 <form action="" id="form1">
32 可用元素：<input name="add" value="可用文本框"/><br/>
33 不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
34 可用元素：<input name="che" value="可用文本框"/><br/>
35 不可用元素：<input name="name" disabled="disabled" value="不可用文本框"/><br/>
36
37 <br/>
38 多選框：<br/>
39 <input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
40 <input type="checkbox" name="newsletter" value="test2"/>test2
41 <input type="checkbox" name="newsletter" value="test3"/>test3
42 <input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
43 <input type="checkbox" name="newsletter" value="test5"/>test5
44
45 <div></div>
46 <br/><br/>
47 下拉列表:<br/>
48 <select name="test" multiple="multiple" style="height:100px">
49 <option>浙江</option>
50 <option selected="selected">湖南</option>
51 <option>北京</option>
52 <option selected="selected">天津</option>
53 <option>廣州</option>
54 <option>湖北</option>
55 </select>
56
57 <br/><br/>
58 下拉列表2：<br/>
59 <select name="test2">
60 <option>浙江</option>
61 <option>湖南</option>
62 <option selected="selected">北京</option>
63 <option>天津</option>
64 <option>廣州</option>
65 <option>湖北</option>
66 </select>
67
68 <div></div>
69 </form>
70 </body>
71 </html>
posted on 2011-06-17 16:51
wawlian 閱讀(308)
評論(0) 編輯 收藏 所屬分類:
jQuery