Hoje, encontrei a ligação secundária ao escrever um projeto. Durante esse período, encontrei alguns problemas. Eu escrevi um blog para gravá -lo.
Controlador dos bastidores:
@RequestMapping ("/FagressType")@ResponsabodyPublic Map <String, Object> FaultType (int id, httpServletRequest Request) lança IoException {String returnMessage = ""; // Obtenha todos os tipos de falha de subclasse (Faultype> Faulist = FaultTypeService.getidid () if (faulist.size ()> 0) {request.setAttribute ("ChildType", faulist); returnMessage = "ok";} else {returnMessage = "Informações não encontradas"; Hashmap <string, object> (); returnmap.put ("ChildType", faulist); retornar retornarMap;}JSP da recepção:
<div> <div> <brety> Tipo de falha: </celt> <select name = "falhaType" id = "falhaType" onchange = "javascript: typeChange ()"> <c: foreach itens = "$ {falhaList}" var = "faulist"> <opção = "$ {faulist.fulist} }</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 itens = "$ {ChildType}" var = "faulist"> <opção value = "$ {faulist.faultId}"> $ {faulist.faultContent} </pption> </c: foreach> </leclect> </leclect> </div>JS:
function typeChange () {var tipo = $ ("#falhaType"). var Committerl = "FaultType.do?id=" + tipo; $. Ajax ({type: "Post", contentType: "Application/json", URL: CommithUrl, Datatype: 'JSON', SUCCESS: FUNCTATA (VAR) {var CureData = $ .ExtEn (True, [], resultado); se (CuraData) {var. i = 0; i <curredata.childType.length; i ++) {html+= "<opção value = '' "+curedata.ChildType [i] .FaultId+" '> "+CureData.ChildType [i] .FaultContent+" </ppthment> ";} $ ("#falhaType1 "). Empty (); $ (HTML) .ApnTo ("#falha1 ").O seguinte foi escrito por outra pessoa (endereço original: http://blog.csdn.net/gis__/article/details/6647464)
Se você tem uma memória ruim, pode marcar -a como favorita:
1. Caixa para baixo:
var cc1 = $ (". FormCSelect [@name = 'country'] opção [@Selected]"). text (); // Obtenha o texto do item selecionado no menu suspenso (observe que existe um espaço no meio) var cc2 = $ ('. // Obtenha o valor do item selecionado no menu suspenso var cc3 = $ ('. Formc Selecione [@name = "country"]'). Att ("id"); // Obtenha o valor do atributo de identificação do item selecionado no menu suspenso $ ("#select"). $ ("<optionValueOptionValue = '1'> 1111 </pption>"). Appendto ("#select") // Adicione a opção da caixa suspensaDeixe -me explicar um pouco:
1. Selecione [@name = 'country'] opção [@Selected] significa que ele tem o atributo de nome,
E o elemento de opção com atributo selecionado no elemento selecionamento com o valor do atributo é 'país';
Pode -se observar que ter um @ start significa que o atributo é seguido por ele.
2. Caixa de rádio:
$ ("entrada [@type = radio] [@checked]"). val (); // Obtenha o valor do item selecionado da caixa de rádio (observe que não há espaço no meio) $ ("entrada [@type = radio] [@value = 2]"). Att ("verificado", 'verificado'); // Defina o valor da caixa de rádio = 2 como o estado selecionado. (Observe que não há espaço no meio)3. Caixa de seleção:
$ ("entrada [@type = caixa de seleção] [@checked]"). val (); // Obtenha o valor do primeiro item selecionado na caixa de seleção $ ("input [@type = caixa de seleção] [@checked]"). Cada (function () {// porque existem várias caixas de seleção, você pode fazer um alerta de saída ($ (this) .val ());}); $ ("#chk1"). Att ("verificado", ''); // Não verifique $ ("#chk2"). Att ("verificado", verdadeiro); // marque if ($ ("#chk1"). Att ('verificado') == indefinido) {} // tente se ele foi verificadoObviamente, o seletor de jQuery é poderoso. Existem muitas maneiras de fazer isso.
<script src = "jQuery-1.2.1.js" type = "text/javascript"> </script> <script idioma = "javascript" type = "text/javascript"> $ (document) .ready (function () {$ ("#selectTest"). //alert($("#selecttest" ).attr("name "); opção [@Selected] "). text ()); $ ("#selectTest "). Atttr (" Value "," 2 ");});}); </script> <hrefahref = "#"> aaass </a><!-caixa suspensa->
1. <select id = "selectTest" name = "SelectTest">
2. <OptionValueOptionValue = "1"> 11 </pption>
3. <OptionValueOptionValue = "2"> 22 </pption>
4. <OptionValueOptionValue = "3"> 33 </pption>
5. <OptionValueOptionValue = "4"> 44 </pption>
6. <OptionValueOptionValue = "5"> 55 </pption>
7. <OptionValueOptionValue = "6"> 66 </pption>
8. </leclect>
9.
10.Var item = $ ('entrada [@name = itens] [@checked]'). Val ();
11. Obtenha o texto do item selecionado
12.Var item = $ ("Selecione [@nome = itens] opção [@Selected]"). Text ();
13. Selecione a caixa suspensa tem o segundo elemento.
14. $ ('#select_id') [0] .SelectedIndex = 1;
15. O segundo elemento do grupo de rádio é o valor selecionado atual
16. $ ('entrada [@name = itens]'). Get (1) .checked = true;
17. Obtenha o valor:
18. Caixa de texto, área de texto: $ ("#txt"). Att ("valor");
19. Caixa de seleção da caixa de seleção múltipla: $ ("#Checkbox_id"). Att ("value");
20. Rádio do grupo de escolha de escolha: $ ("entrada [@type = radio] [@checked]"). Val ();
21. Caixa de puxamento Selecionar: $ ('#Sel'). Val ();
22. Elementos de formulário de controle:
23. Caixa de texto, área de texto: $ ("#txt"). Att ("valor", ''); // Conteúdo limpo
24. $ ("#txt"). Att ("valor", '11'); // preencha o conteúdo
25. Caixa de seleção múltipla: $ ("#chk1"). Att ("verificado", ''); // Não verifique
26. $ ("#chk2"). Att ("verificado", verdadeiro); // tick
27. if ($ ("#chk1"). Att ('verificado') == indefinido) // julga se o cheque foi verificado
28.
29. Caixa de puxar para baixo Selecionar: $ ("#Sel"). Att ("Value", '-Sel3'); // Defina o item com valor = -Sel3 como o item atualmente selecionado
30. $ ("<optionValueOptionValue = '1'> 1111 </pption> <optionValueOptionValue = '2'> 2222 </pption>"). AppendTo ("#Sel") // Open
Adicione uma opção de caixa suspensa
31. $ ("#SEL"). Empty (); // Limpe a caixa suspensa
32. Obtenha os valores de um conjunto de itens selecionados de rádio
33.Var item = $ ('entrada [@name = itens] [@checked]'). Val ();
34. Obtenha o texto do item selecionado
35.Var item = $ ("Selecione [@nome = itens] opção [@Selected]"). Text ();
36.Selecione a caixa suspensa tem o segundo elemento do valor atualmente selecionado
37. $ ('#select_id') [0] .SelectedIndex = 1;
38. O segundo elemento do grupo de rádio é o valor selecionado atual
39. $ ('entrada [@name = itens]'). Get (1) .checked = true;
40. Obtenha o valor:
41. Caixa de texto, área de texto: $ ("#txt"). Att ("value");
42. Caixa de seleção da caixa de seleção múltipla: $ ("#Checkbox_id"). Att ("value");
43. Rádio do grupo de escolha de single: $ ("entrada [@type = radio] [@checked]"). Val ();
44. Caixa de pull-down Selecione: $ ('#Sel'). Val ();
45. Controle Formulário Elementos:
46. Caixa de texto, área de texto: $ ("#txt"). Att ("valor", ''); // Conteúdo limpo
47. $ ("#txt"). Att ("valor", '11'); // preencha o conteúdo
48. Caixa de seleção múltipla: $ ("#chk1"). Att ("verificado", ''); // Não verifique
49. $ ("#chk2"). Att ("verificado", verdadeiro); // tick
50.IF ($ ("#chk1"). Att ('verificado') == indefinido) // julga se o cheque foi verificado
51. Rádio do Grupo de Chazes de Chave: $ ("Input [@type = Radio]"). Att ("Checked", '2'); // O item com valor = 2 está definido como o item atualmente selecionado
52. Caixa de puxar para baixo Selecionar: $ ("#Sel"). Att ("Value", '-Sel3'); // Defina o item com valor = -Sel3 como o item atualmente selecionado
53. $ ("<optionValueOptionValue = '1'> 1111 </pption> <optionValueOptionValue = '2'> 2222 </pption>"). Appendto ("#Sel") // Adicione a opção da caixa suspensa
54. $ ("#Sel"). Empty (); // Limpe a caixa suspensa
O exemplo simples acima do Ajax alcançando a ligação secundária no MVC da primavera é todo o conteúdo que eu compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.