اليوم ، واجهت الارتباط الثانوي عند كتابة مشروع. خلال هذه الفترة ، واجهت بعض المشاكل. كتبت مدونة لتسجيلها.
وحدة تحكم وراء الكواليس:
requestmapping ("/justtype")@reponseBodyPublic Map <String ، Object> justtype (int id ، httpservletrequest request) يلقي iOexception {string returnmessage = "" if (faulist.size ()> 0) {request.setAttribute ("childtype" ، faulist) ؛ returnMessage = "OK" ؛ hashmap <string ، object> () ؛ returnmap.put ("childtype" ، faulist) ؛ returnmap ؛}مكتب الاستقبال JSP:
<viv> <viv> <blable> نوع الخطأ: </label> <select name = "qualtype" id = "qualtype" onChange = "javaScript: typechange ()"> <c: foreach heads = "$ {faullist}" var = "faulist"> <option value = "$ {faulist.faultid}" } </potion> </c: foreach> </select> </viv> <viv> <blable> خطأ: </label> <input id = "childtypecont" name = "childtypecont" value = "" type = "hidden" placeholder = "faul"> العناصر = "$ {childtype}" var = "faulist"> <orpue value = "$ {faulist.faultid}"> $ {faulist.faultcontent} </potion> </c:JS:
الدالة typechange () {var type = $ ("#justtype"). val () ؛ var html = "<borting>-يرجى تحديد-</option>" ؛ var complishurl = "qualtype.do؟id=" + type ؛ $. ajax ({type: "post" ، contentType: "application/json" ، url: commicerl ، datatype: 'json' i = 0 ؛ i <curedata.childtype.length ؛ i ++) {html+= "<orte value = '"+curedata.childtype [i] .faultid+"'> "+curedata.childtype [i] .faultContent+" </potion> "؛ $ (ما يلي مكتوب من قبل شخص آخر (العنوان الأصلي: http://blog.csdn.net/gis__/article/details/6647464)
إذا كان لديك ذاكرة سيئة ، فيمكنك وضع إشارة مرجعية عليها:
1. سحب المربع لأسفل:
var cc1 = $ (". formCselect [@name = 'country'] الخيار [selected]"). text () ؛ // احصل على نص العنصر المحدد في القائمة المنسدلة (لاحظ أن هناك مساحة في الوسط) var cc2 = $ (' // احصل على قيمة العنصر المحدد في القائمة المنسدلة var cc3 = $ (' $ ("<OptionValueOptionValue = '1'> 1111 </point>"). appendto ("#select")اسمحوا لي أن أشرح قليلا:
1. حدد [@name = 'country'] خيار [@selected] يعني أنه يحتوي على سمة الاسم ،
وعنصر الخيار مع السمة المحددة في عنصر تحديد مع قيمة السمة هو "البلد" ؛
يمكن ملاحظة أن وجود بداية @ يعني أن السمة تتبعها.
2. مربع الراديو:
$ ("input [@type = radio] [@checked]"). val () ؛ // احصل على قيمة العنصر المحدد لمربع الراديو (لاحظ أنه لا توجد مساحة في الوسط) $ ("input [@type = radio] [@value = 2]"). attr ("checked" ، 'checked') ؛ // قم بتعيين قيمة مربع الراديو = 2 كحالة محددة. (لاحظ أنه لا يوجد مساحة في الوسط)3. خانة الاختيار:
$ ("input [@type = checkbox] [@checked]"). val () ؛ // احصل على قيمة العنصر الأول المحدد في خانة الاختيار $ ("input [@type = checkbox] [@checked]"). كل (function () {// لأن هناك عدة خانات فحص ، يمكنك حلقة تنبيه الإخراج ($ (this) .val ()) ؛}) ؛ $ ("#chk1"). attr ("checked" ، '') ؛ // لا تحقق $ ("#chk2"). attr ("checked" ، true) ؛ ]بالطبع ، محدد jQuery قوي. هناك العديد من الطرق للقيام بذلك.
<script src = "jquery-1.2.1.js" type = "text/javaScript"> </script> <script language = "javaScript" type = "text/javaScript"> $ (document) .Ready () //alert("#").attr("name) ؛ الخيار [@selected] ") </script> <hhrefahref = "#"> aaass </a><!-مربع المنسدلة->
1. <حدد ID = "SelectTest" name = "SelectTest">
2. <OptionValueOptionValue = "1"> 11 </soph>
3. <OptionValueOptionValue = "2"> 22 </teptor>
4. <OptionValueOptionValue = "3"> 33 </teptor>
5. <OptionValueOptionValue = "4"> 44 </point>
6. <OptionValueOptionValue = "5"> 55 </soph>
7. <OptionValueOptionValue = "6"> 66 </soph>
8. </select>
9.jqueryRadio يأخذ القيمة ، ويأخذ مربع الاختيار القيمة ، وتحديد يأخذ القيمة ، وتحديد الراديو ، ومربع الاختيار ، ويحدد ، ويرتبط للحصول على قيم مجموعة من العناصر المحددة الراديو
10.var item = $ ('input [@name = heads] [@checked]'). val () ؛
11. احصل على نص العنصر المحدد
12.var item = $ ("SELECT [@name = heads] OPTION [@selected]"). text () ؛
13. SELECT BOX المنسدلة لديه العنصر الثاني.
14. $ ('#select_id') [0]. SELEEDINGENDEX = 1 ؛
15. العنصر الثاني من مجموعة الراديو هو القيمة المحددة الحالية
16. $ ('input [@name = items]'). get (1). checked = true ؛
17. احصل على القيمة:
18. مربع النص ، منطقة النص: $ ("#txt"). attr ("value") ؛
19. مربع اختيار مربع التحديد المتعدد: $ ("#checkbox_id"). attr ("value") ؛
20.Single-Choice Group Radio: $ ("input [@type = radio] [@checked]"). val () ؛
21. مربع المنسدلة SELECT: $ ('#sel'). val () ؛
22. عناصر النموذج السيطرة:
23. مربع النص ، منطقة النص: $ ("#txt"). attr ("value" ، '') ؛ // clear content
24. $ ("#txt"). attr ("value" ، '11') ؛ // املأ المحتوى
25. مربع اختيار مربع الاختيار المتعدد: $ ("#chk1"). attr ("checked" ، '') ؛ // لا تحقق
26. $ ("#chk2"). attr ("checked" ، true) ؛ // tick
27. إذا ($ ("#chk1"). attr ('checked') == غير محدد)
28.Single-Choice Group Radio: $ ("Input [@type = Radio]"). attr ("checked" ، '2') ؛ // تم تعيين العنصر ذو القيمة = 2 على العنصر المحدد حاليًا
29. مربع المنسدلة حدد: $ ("#sel"). attr ("value" ، '-SEL3') ؛ // قم بتعيين العنصر مع value = -sel3 إلى العنصر المحدد حاليًا
30. $ ("<OptionValueOptionValue = '1'> 1111 </potion> <OptionValueOptionValue = '2'> 2222 </portion>"). appendto ("#sel") // open
أضف خيار مربع منسدلة
31. $ ("#sel"). فارغة () ؛ // امسح المربع المنسدلة
32. احصل على قيم مجموعة من العناصر المحددة من الراديو
33.var item = $ ('input [@name = heads] [@checked]'). val () ؛
34. احصل على نص العنصر المحدد
35.var item = $ ("SELECT [@name = heads] الخيار [selected]"). text () ؛
36. SELECT يحتوي مربع المنسدلة على العنصر الثاني من القيمة المحددة حاليًا
37. $ ('#select_id') [0]. SELEEDINGENDEX = 1 ؛
38. العنصر الثاني من مجموعة الراديو هو القيمة المحددة الحالية
39. $ ('input [@name = items]'). get (1) .checked = true ؛
40. احصل على القيمة:
41. مربع النص ، منطقة النص: $ ("#txt"). attr ("value") ؛
42. مربع اختيار مربع التحديد المتعدد: $ ("#checkbox_id"). attr ("value") ؛
43.Single-Choice Group Radio: $ ("input [@type = radio] [@checked]"). val () ؛
44. مربع المنسدلة حدد: $ ('#sel'). val () ؛
45. عناصر النموذج السيطرة:
46. مربع النص ، منطقة النص: $ ("#txt"). attr ("value" ، '') ؛ // clear content
47. $ ("#txt"). attr ("value" ، '11') ؛ // املأ المحتوى
48. مربع اختيار مربع الاختيار المتعدد: $ ("#chk1"). attr ("checked" ، '') ؛ // لا تحقق
49. $ ("#chk2"). attr ("checked" ، true) ؛ // tick
50. إذا ($ ("#chk1"). attr ('checked') == undefined) // judge ما إذا كان تم التحقق
51.Single-Choice Group Radio: $ ("input [@type = radio]"). attr ("checked" ، '2') ؛ // تم تعيين العنصر مع value = 2 على العنصر المحدد حاليًا
52. سحب أسفل المربع حدد: $ ("#sel"). attr ("value" ، '-SEL3') ؛ // قم بتعيين العنصر مع value = -sel3 إلى العنصر المحدد حاليًا
53. $ ("<OptionValueOptionValue = '1'> 1111 </bortion> <OptionValueOptionValue = '2'> 2222 </point>").
54. $ ("#sel"). فارغة () ؛ // امسح المربع المنسدلة
المثال البسيط أعلاه من Ajax تحقيق الارتباط الثانوي في Spring MVC هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.