Hari ini, saya menemukan hubungan sekunder saat menulis proyek. Selama periode ini, saya mengalami beberapa masalah. Saya menulis blog untuk merekamnya.
Pengontrol Backstage:
@RequestMapping ("/faultType")@responseBodypublic peta <String, Object> FaultType (int ID, httpservletRequest Request) melempar ioException {string returnMessage = ""; // Dapatkan semua jenis kesalahan Subklas if(fauList.size()>0){request.setAttribute("childType", fauList);ReturnMessage = "OK";}else {ReturnMessage = "Information not found";}//************************************************************************Map<String,Object> ReturnMAP = new HashMap <String, Object> (); returnMap.put ("ChildType", faulist); return returnMap;}Meja Depan JSP:
<dv> <div> <label> Tipe kesalahan: </label> <pilih name = "faultType" id = "faultType" onchange = "javaScript: typechange ()"> <c: foreach item = "$ {faultList}" var = "faulist"> <opsi value = "$ {faulist.faultid}" $ {faulist. }</option></c:forEach></select></div><div><label>Fault: </label><input id="childTypeCont" name="childTypeCont" value="" type="hidden" placeholder="fault"><select name="faulttype1" id="faulttype1""><option>--Please select--</option><c:forEach items="${childType } "var =" faulist "> <option value =" $ {faulist.faultId} "> $ {faulist.faultContent} </pection> </c: foreach> </selection> </ pilih> </div>JS:
function typeChange () {var type = $ ("#faultType"). val (); var html = "<pection>-silakan pilih-</tiption>"; var commitUrl = "faultType.do?id=" + type; $. Ajax ({type: "Post", ContentType: "Application/JSON", URL: CommitUrl, DataType: 'Json', Success: Function (hasil) {var curedata = $ .Extend (true, [], hasil); if (curedata.child) = noL (true, [], hasil); if (curedata.child = $. i = 0; i <curedata.childType.length; i ++) {html+= "<opsi value = '"+Curedata.ChildType [i] .faultId+"'> "+curedata.childType [i] .faultContent+" </pection> ";} $ ("#faultType1 ").}}).Berikut ini ditulis oleh orang lain (alamat asli: http://blog.csdn.net/gis__/article/details/6647464)
Jika Anda memiliki kenangan yang buruk, Anda dapat menandainya:
1. Tarik Kotak:
var cc1 = $ (". Formcselect [@name = 'country'] opsi [@Selected]"). text (); // Dapatkan teks item yang dipilih di menu tarik-turun (perhatikan bahwa ada ruang di tengah) var cc2 = $ ('. FormCelect [@name = "country"]'). Val (); // Dapatkan nilai item yang dipilih di menu tarik-turun var cc3 = $ ('. Formc pilih [@name = "country"]'). Attr ("id"); // Dapatkan nilai atribut ID dari item yang dipilih di menu drop-down $ ("#pilih"). Kosong (); // Bersihkan kotak drop-down // $ ("#Pilih"). $ ("<OptionValuePtionValue = '1'> 1111 </tiption>"). AppendTo ("#pilih") // Tambahkan opsi kotak drop-downIzinkan saya menjelaskan sedikit:
1. Pilih [@name = 'country'] Opsi [@Selected] berarti memiliki atribut nama,
Dan elemen opsi dengan atribut yang dipilih dalam elemen pilih dengan nilai atribut adalah 'negara';
Dapat dilihat bahwa memiliki @ start berarti atribut diikuti olehnya.
2. Kotak Radio:
$ ("input [@type = radio] [@checked]"). val (); // Dapatkan nilai item yang dipilih dari kotak radio (perhatikan bahwa tidak ada ruang di tengah) $ ("input [@type = radio] [@value = 2]"). Attr ("checked", 'checked'); // Atur nilai kotak radio = 2 sebagai keadaan yang dipilih. (Perhatikan bahwa tidak ada ruang di tengah)3. Kotak centang:
$ ("input [@type = kotak centang] [@checked]"). val (); // Dapatkan nilai item pertama yang dipilih di kotak centang $ ("input [@type = centang kotak] [@checked]"). Masing -masing (fungsi () {// karena ada beberapa kotak centang, Anda dapat mengulang peringatan output ($ (this) .val ());}); $ ("#chk1"). attr ("checked", ''); // jangan periksa $ ("#chk2"). Attr ("checked", true); // centang if ($ ("#chk1"). Attr ('checked') == tidak terdefinisi) {} // coba apakah sudah diperiksaTentu saja, pemilih jQuery sangat kuat. Ada banyak cara untuk melakukannya.
<skrip src = "jQuery-1.2.1.js" type = "text/javaScript"> </script> <script language = "javascript" type = "text/javascript"> $ (dokumen) .ready (function () {$ ("#selecttest"). ubah (function () {// warn ("hello"); //alert($("#SelectTest").attr("name "); opsi [@Selected] "). text ()); $ ("#selecttest "). attr (" value "," 2 ");});}); </script> <ahrefahref = "#"> aaass </a><!-Kotak drop-down->
1. <Pilih ID = "SELECTTEST" NAME = "SELECTTEST">
2. <OptionValuePtionValue = "1"> 11 </ption>
3. <OptionValuePtionValue = "2"> 22 </ption>
4. <OptionValuePtionValue = "3"> 33 </pection>
5. <OptionValuePtionValue = "4"> 44 </ption>
6. <OptionValuePtionValue = "5"> 55 </pection>
7. <OptionValuePtionValue = "6"> 66 </pection>
8. </pilih>
9.JQueryRadio mengambil nilai, kotak centang mengambil nilai, pilih mengambil nilai, pemilihan radio, kotak centang dipilih, memilih, dan terkait untuk mendapatkan nilai grup item yang dipilih radio yang dipilih
10.var item = $ ('input [@name = item] [@checked]'). Val ();
11. Dapatkan teks item yang dipilih
12.var item = $ ("Pilih [@name = item] opsi [@Selected]"). Text ();
13. Pilih kotak drop-down memiliki elemen kedua.
14. $ ('#select_id') [0] .SelectedIndex = 1;
15. Elemen kedua dari grup radio radio adalah nilai yang dipilih saat ini
16. $ ('input [@name = item]'). Get (1) .Checked = true;
17. Dapatkan nilainya:
18. Kotak Teks, Area Teks: $ ("#txt"). Attr ("Nilai");
19. Kotak kotak pilihan berganda: $ ("#checkbox_id"). Attr ("value");
20.Single-choice Group Radio: $ ("input [@type = radio] [@checked]"). Val ();
21. Kotak pull-down Pilih: $ ('#sel'). Val ();
22. Elemen Formulir Kontrol:
23. Kotak Teks, Area Teks: $ ("#txt"). ATTR ("Nilai", ''); // Konten Hapus
24. $ ("#txt"). Attr ("value", '11'); // Isi konten
25. Kotak centang ganda: $ ("#chk1"). Attr ("checked", ''); // jangan periksa
26. $ ("#chk2"). Attr ("checked", true); // centang
27. if ($ ("#chk1"). Attr ('checked') == tidak ditentukan) // menilai apakah cek telah diperiksa
28.Single-choice Group Radio: $ ("input [@type = radio]"). Attr ("checked", '2'); // item dengan nilai = 2 diatur untuk menjadi item yang saat ini dipilih saat ini
29. Kotak pull-down pilih: $ ("#sel"). Attr ("value", '-sel3'); // Setel item dengan value = -sel3 ke item yang saat ini dipilih
30. $ ("<optionValueOptionValue = '1'> 1111 </pection> <optionValueOptionValue = '2'> 2222 </tiption>"). AppendTo ("#sel") // buka
Tambahkan opsi kotak drop-down
31. $ ("#sel"). Kosong (); // Bersihkan kotak drop-down
32. Dapatkan nilai satu set item yang dipilih radio
33.var item = $ ('input [@name = item] [@checked]'). Val ();
34. Dapatkan teks dari item yang dipilih
35.var item = $ ("Pilih [@name = item] opsi [@Selected]"). Text ();
36. Pilih kotak drop-down memiliki elemen kedua dari nilai yang saat ini dipilih
37. $ ('#select_id') [0] .SelectedIndex = 1;
38. Elemen kedua dari grup radio radio adalah nilai yang dipilih saat ini
39. $ ('input [@name = item]'). Get (1) .Checked = true;
40. Dapatkan nilainya:
41. Kotak teks, area teks: $ ("#txt"). Attr ("value");
42. Kotak centang kotak pilihan: $ ("#checkbox_id"). Attr ("value");
43.Single-choice Group Radio: $ ("input [@type = radio] [@checked]"). Val ();
44. Kotak pull-down Pilih: $ ('#sel'). Val ();
45. Elemen Bentuk Kontrol:
46. Kotak teks, area teks: $ ("#txt"). Attr ("value", ''); // hapus konten
47. $ ("#txt"). Attr ("value", '11'); // Isi konten
48. Kotak centang ganda: $ ("#chk1"). Attr ("checked", ''); // Jangan periksa
49. $ ("#chk2"). Attr ("checked", true); // centang
50.if ($ ("#chk1"). Attr ('checked') == tidak ditentukan) // menilai apakah cek telah diperiksa
51.Single-choice Group Radio: $ ("input [@type = radio]"). Attr ("checked", '2'); // item dengan nilai = 2 diatur untuk menjadi item yang saat ini dipilih saat ini
52. Kotak Tarik Down Pilih: $ ("#Sel"). ATTR ("Nilai", '-Sel3'); // Setel item dengan nilai = -sel3 ke item yang saat ini dipilih
53. $ ("<optionValuePtionValue = '1'> 1111 </pection> <optionValuePtionValue = '2'> 2222 </tiption>"). AppendTo ("#sel") // Tambahkan opsi kotak drop-down
54. $ ("#sel"). Kosong (); // Bersihkan kotak drop-down
Contoh sederhana di atas dari AJAX mencapai hubungan sekunder di Spring MVC adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.