오늘 저는 프로젝트를 작성할 때 2 차 연결을 만났습니다. 이 기간 동안 몇 가지 문제가 발생했습니다. 나는 그것을 녹음하기 위해 블로그를 썼다.
백 스테이지 컨트롤러 :
@RequestMapping ( "/faultType")@responseBodyPublic Map <string, object> faulttype (int id, httpservletRequest 요청)는 ioException {String returnMessage = ""; // 모든 하위 클래스 오류 유형을 가져옵니다 <affleispe> faulist = faultTypeservice.getByid (id); 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;}프론트 데스크 JSP :
<div> <div> <labe> 오류 유형 : </label> <select name = "결점"id = "결함 타입"onchange = "javaScript : typeChange ()"> <c : foreach items = "$ {faultlist}"var = "faulist"> <옵션 값 = "$ {faulist.faultid}"> $ {faultont.fault. } </옵션> </c : foreach> </select> </select> </div> <div> <label> 결함 : </div> <div> <label> 결함 : </label> <input id = "childtypecont"name = "childtypecont"value = ""type = "hidden"placeholder = "falc 항목 = "$ {childtype}"var = "faulist"> <옵션 값 = "$ {faulist.faultid}"> $ {faulist.faultContent} </옵션> </c : foreach> </select> </select> </div>JS :
function typechange () {var type = $ ( "#orgettype"). val (); var html = "<plooft>-선택-</옵션>"; var commiturl = "dengtype.do?id=" + type; $. Ajax ({type : "post", contenttype : "application/json", url : commitionurl, datatype : 'json', success : function (result) {var curedata = $ .extend (true, [], result); if (curedata.childtype! i = 0; i <curedata.childtype.length; i ++) {html+= "<옵션 value = '+curedata.childType [i] .faultID+"'>"+curedata.childType [i] .faultContent+"</옵션>";} $ ( "#누 결함 type1"). bell (); $ (html) .appendto ( "#dausttype1");}};};다음은 다른 사람이 작성합니다 (원본 주소 : http://blog.csdn.net/gis__/article/details/6647464)
기억이 나쁘면 북마크 할 수 있습니다.
1. 당김 상자 :
var cc1 = $ ( ". formcselect [@name = 'country'] 옵션 [@selected]"). text (); // 드롭 다운 메뉴에서 선택한 항목의 텍스트를 가져옵니다 (중간에 공간이 있음) var cc2 = $ ( '. formcelect [@name = "country"]'). val (); // 드롭 다운 메뉴에서 선택한 항목의 값을 가져옵니다 var cc3 = $ ( '. formc select [@name = "country"]'). attr ( "id"); // 드롭 다운 메뉴에서 선택한 항목의 ID 속성 값을 가져옵니다. $ ( "<OptionValueOptionValue = '1'> 1111 </옵션>"). AppendTo ( "#select") // 드롭 다운 상자의 옵션을 추가합니다
조금 설명하겠습니다.
1. [@name = 'country'] 옵션 [@Selected]은 이름 속성이 있음을 의미합니다.
속성 값을 선택한 요소에 선택한 속성이있는 옵션 요소는 '국가'입니다.
@ Start가 있으면 속성이 뒤 따르는 것을 의미합니다.
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]". $ ( "#chk1"). attr ( "Checked", ''); // $ ( "#chk2"). attr ( "Checked", true); // if ($ ( "#chk1"). attr ( 'checked') == undefined) {} // 확인되었는지 여부를 시도하십시오물론 jQuery 선택기는 강력합니다. 그것을하는 방법에는 여러 가지가 있습니다.
<script src = "jquery-1.2.1.js"type = "text/javaScript> </script> <script language ="javaScript "type ="text/javaScript "> $ (document) .ready (function () {$ ("#selectTest "). Change (function () {// alert ("hello "); // Alert("#selecttest"))); 옵션 [@Selected] "). Text ()); $ ("#SelectTest "). attr ("value ","2 ");});}); </script> <ahrefahref = "#"> aaass </a><!-드롭 다운 박스->
1. <select id = "selecttest"name = "selecttest">
2. <옵션 valueoptionValue = "1"> 11 </옵션>
3. <옵션 valueoptionValue = "2"> 22 </옵션>
4. <옵션 valueoptionValue = "3"> 33 </옵션>
5. <옵션 valueoptionValue = "4"> 44 </옵션>
6. <옵션 valueoptionValue = "5"> 55 </옵션>
7. <옵션 valueoptionValue = "6"> 66 </옵션>
8. </선택>
9. jqueryRadio 값을 가져 가고, 확인란은 값을 가져 가고, 값을 가져 가고, 라디오 선택, 확인란을 선택하고, 선택하고, 무선 선택한 항목 그룹의 값을 얻기 위해 관련되어 있습니다.
10.var item = $ ( 'input [@name = items] [@checked]'). val ();
11. 선택한 항목의 텍스트를 받으십시오
12.var item = $ ( "select [@name = items] 옵션 [@Selected]"). text ();
13. 드롭 다운 상자에는 두 번째 요소가 있습니다.
14. $ ( '#select_id') [0] .SelectedIndex = 1;
15. 라디오 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다.
16. $ ( 'input [@name = items]'). get (1) .checked = true;
17. 값을 얻으십시오 :
18. 텍스트 상자, 텍스트 영역 : $ ( "#txt"). att ( "value");
19. 다중 선택 상자 확인란 : $ ( "#checkbox_id"). art ( "value");
20. Single-Choice Group Radio : $ ( "input [@type = radio] [@checked]"). val ();
21. 풀다운 상자 선택 : $ ( '#sel'). val ();
22. 제어 형태 요소 :
23. 텍스트 상자, 텍스트 영역 : $ ( "#txt"). attr ( "value", ''); // 컨텐츠를 클리어합니다
24. $ ( "#txt"). attr ( "value", '11'); // 내용을 채우십시오
25. 다중 확인란 확인란 : $ ( "#chk1"). attr ( "checked", ''); // 확인하지 마십시오
26. $ ( "#chk2"). attr ( "Checked", True); // tick
27. if ($ ( "#chk1"). attr ( 'checked') == 정의되지 않은) // 수표가 확인되었는지 판단합니다
28. Single-Choice Group Radio : $ ( "input [@type = radio]"). Att ( "Checked", '2'); // 값 = 2가있는 항목은 현재 선택된 항목으로 설정되었습니다.
29. 풀다운 상자 선택 : $ ( "#sel"). attr ( "value", '-sel3'); // value = -sel3을 현재 선택한 항목으로 설정
30. $ ( "<OptionValueOptionValue = '1'> 1111 </옵션> <OptionValueOptionValue = '2'> 2222 </옵션>"). AppendTo ( "#sel") // 열기
드롭 다운 박스 옵션을 추가하십시오
31. $ ( "#sel"). empty (); // 드롭 다운 상자를 지 웁니다
32. 무선 선택한 항목 세트의 값을 얻으십시오.
33.var item = $ ( 'input [@name = items] [@checked]'). val ();
34. 선택한 항목의 텍스트를 받으십시오
35.var item = $ ( "select [@name = items] 옵션 [@Selected]"). text ();
36. 드롭 다운 상자는 현재 선택된 값의 두 번째 요소를 가지고 있습니다.
37. $ ( '#select_id') [0] .SelectedIndex = 1;
38. 라디오 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다.
39. $ ( 'input [@name = items]'). get (1) .checked = true;
40. 값을 얻으십시오 :
41. 텍스트 상자, 텍스트 영역 : $ ( "#txt"). att ( "value");
42. 다중 선택 상자 확인란 : $ ( "#checkbox_id"). art ( "value");
43. Single-Choice Group Radio : $ ( "input [@type = radio] [@checked]"). val ();
44. 풀다운 상자 선택 : $ ( '#sel'). val ();
45. 제어 형태 요소 :
46. 텍스트 상자, 텍스트 영역 : $ ( "#txt"). attr ( "value", ''); // 컨텐츠를 청소합니다
47. $ ( "#txt"). attr ( "value", '11'); // 내용을 채우십시오
48. 다중 확인란 확인란 : $ ( "#chk1"). attr ( "Checked", ''); // 확인하지 마십시오
49. $ ( "#chk2"). attr ( "Checked", True); // tick
50.if ($ ( "#chk1"). attr ( 'checked') == undefined) // 수표가 확인되었는지 판단합니다
51. Single-Choice Group Radio : $ ( "input [@type = radio]"). Att ( "Checked", '2'); // 값 = 2가있는 항목은 현재 선택된 항목으로 설정되었습니다.
52. 당기기 상자 선택 : $ ( "#sel"). attr ( "value", '-sel3'); // value = -sel3을 현재 선택한 항목으로 설정합니다.
53. $ ( "<OptionValueOptionValue = '1'> 1111 </옵션> <옵션 valueoptionValue = '2'> 2222 </옵션>"). appendto ( "#sel") // 드롭 다운 상자의 옵션을 추가하십시오
54. $ ( "#sel"). empty (); // 드롭 다운 상자를 지 웁니다
Spring MVC에서 2 차 연결을 달성하는 Ajax의 위의 간단한 예는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.