Hoy, encontré un enlace secundario al escribir un proyecto. Durante este período, encontré algunos problemas. Escribí un blog para grabarlo.
Controlador de backstage:
@RequestMapping ("/FaultType")@ResponseBodyPublic Map <String, Object> fallype (int id, httpservletrequest request) lanza ioexception {string returnmessage = ""; // Obtener todas las subclases de tipos de fallas Lista <alfaftype> faulist = fallyPeService.getByid (id); if (faulist.size ()> 0) {request.setTribute ("childType", faulist); returnMessage = "ok";} else {returnMessage = "Information no encontrado"; Hashmap <string, object> (); returnmap.put ("childType", faulist); return returnmap;}Recepción JSP:
<div> <iv> <label> type de falla: </etiqueta> <select name = "faultType" id = "faultType" onChange = "javascript: typechange ()"> <c: foreach elementos = "$ {fallList}" var = "faulist"> <option value = "$ {faulist.faultid}"> $ {faulist.faulistcontentententententententententdententdententententdententental } </opción> </c: foreach> </select> </div> <div> <label> falla: </sello> <input id = "ChildPeCont" name = "ChildPeCont" value = "" type = "Hidden" PlaceHolder = "Fault"> <select name = "FailType1" id = "FaitType1" "> <pection>-por favor seleccione-<opción> <C: COLED" elementos = "$ {childType}" var = "faulist"> <option value = "$ {faulist.faultid}"> $ {faulist.faultContent} </option> </c: foreach> </select> </select> </iv>JS:
function typechange () {var type = $ ("#fallype"). val (); var html = "<option>-por favor seleccione-</opción>"; var comitRURL = "faultType.do?id=" + type; $. Ajax ({type: "post", contentType: "Application/Json", url: commitUrl, DataType: 'json', éxito: function (result) {var curedata = $ .extend (true, [], resultado); if (curedata.childype! i = 0; i <curedata.childtype.length; i ++) {html+= "<opción value = '"+curedata.childtype [i] .faultid+"'> "+curedata.childtype [i] .faultContent+" </option> ";} $ ("#fallype1 "). vacía (); $ (html) .appendTo ("#fallype1 ");}});};}Lo siguiente es escrito por otra persona (dirección original: http://blog.csdn.net/gis__/article/details/6647464)
Si tiene un mal recuerdo, puede marcarlo:
1. Baja de tiros:
var cc1 = $ (". formcselect [@name = 'country'] opción [@selected]"). Text (); // Obtenga el texto del elemento seleccionado en el menú desplegable (tenga en cuenta que hay un espacio en el medio) var cc2 = $ ('. formelect [@name = "país"]'). Val (); // Obtenga el valor del elemento seleccionado en el menú desplegable var cc3 = $ ('. Formc select [@name = "país"]'). Attr ("id"); // Obtenga el valor de atributo de identificación del elemento seleccionado en el menú desplegable $ ("#select"). Vacía (); // Borrar el cuadro desplegable // $ ("#SELECT"). HTML (''); $ ("<optionValueOptionValue = '1'> 1111 </opción>"). AppendTo ("#select") // Agregue la opción del cuadro desplegableDéjame explicarte un poco:
1.select [@name = 'país'] opción [@selected] significa que tiene el atributo de nombre,
Y el elemento de opción con el atributo seleccionado en el elemento seleccionar con el valor del atributo es 'país';
Se puede ver que tener un inicio @ significa que el atributo es seguido por él.
2. Radio Box:
$ ("entrada [@type = radio] [@checked]"). val (); // Obtenga el valor del elemento seleccionado del cuadro de radio (tenga en cuenta que no hay espacio en el medio) $ ("input [@type = radio] [@value = 2]"). Attr ("marcado", 'verificar'); // Establecer el valor del cuadro de radio = 2 como el estado seleccionado. (Tenga en cuenta que no hay espacio en el medio)3. casilla de verificación:
$ ("entrada [@type = checkbox] [@checked]"). val (); // Obtenga el valor del primer elemento seleccionado en la casilla de verificación $ ("input [@type = checkbox] [@checked]"). Cada (function () {// Debido a que hay múltiples casillas de verificación, puede encender la alerta de salida ($ (this) .val ());}); $ ("#chk1"). attr ("checked", ''); // no verifique $ ("#chk2"). Attr ("versificado", true); // tick if ($ ("#chk1"). Attr ('checked') == Undefined) {} // intente si se ha verificadoPor supuesto, JQuery Selector es poderoso. Hay muchas formas de hacerlo.
<script src = "jQuery-1.2.1.js" type = "text/javascript"> </script> <script language = "javascript" type = "text/javaScript"> $ (documento) .ader (function () {""#selectTest "). Cambiar (function () {// alerta (" Hola "); //alert($(iante(celecttest"). //$(®--) }); </script> <hrefahref = "#"> aaass </a><!-caja desplegable->
1. <select id = "selectTest" name = "selectTest">
2. <optionValueOptionValue = "1"> 11 </opción>
3. <optionValueOptionValue = "2"> 22 </opción>
4. <optionValueOptionValue = "3"> 33 </opción>
5. <optionValueOptionValue = "4"> 44 </ppection>
6. <optionValueOptionValue = "5"> 55 </opción>
7. <optionValueOptionValue = "6"> 66 </ppection>
8. </Select>
9.JqueryRadio toma el valor, la casilla de verificación toma el valor, seleccione Toma el valor, Radio selecciona, la casilla de verificación se selecciona, selecciona y se relaciona para obtener los valores de un grupo de elementos seleccionados de radio
10.var item = $ ('input [@name = elementos] [@checked]'). Val ();
11. Obtenga el texto del elemento seleccionado
12.var item = $ ("seleccione [@name = elementos] opción [@selected]"). Text ();
13. Seleccionar el cuadro desplegable tiene el segundo elemento.
14. $ ('#Select_id') [0] .selectedIndex = 1;
15. El segundo elemento del grupo de radio de radio es el valor actual seleccionado
16. $ ('input [@name = elementos]'). Get (1) .ecked = true;
17. Obtenga el valor:
18. Cuadro de texto, área de texto: $ ("#txt"). Attr ("valor");
19. Casilla de verificación de casilla de selección múltiple: $ ("#checkbox_id"). Attr ("valor");
20. Radio de grupo de opción de opción: $ ("input [@type = radio] [@checked]"). Val ();
21. Caja de despegue Seleccionar: $ ('#sel'). Val ();
22. Elementos de formulario de control:
23. Cuadro de texto, área de texto: $ ("#txt"). Attr ("valor", ''); // borrar contenido
24. $ ("#Txt"). Attr ("valor", '11'); // completar contenido
25. casilla de verificación múltiple: $ ("#chk1"). Attr ("verificada", ''); // no verifique
26. $ ("#Chk2"). Attr ("verificado", true); // tick
27. if ($ ("#chk1"). Attr ('checked') == Undefined) // juzga si el cheque ha sido verificado
28. Radio de grupo de opción de opción: $ ("input [@type = radio]"). Attr ("verificado", '2'); // El elemento con valor = 2 se establece como el elemento seleccionado actualmente
29. Cuadro desplegable Seleccionar: $ ("#sel"). Attr ("valor", '-sel3'); // Establezca el elemento con value = -sel3 en el elemento seleccionado actualmente
30. $ ("<OptionValueOptionValue = '1'> 1111 </ppection> <optionValueOptionValue = '2'> 2222 </opción>"). AppendTo ("#sel") // abrir
Agregar una opción de cuadro desplegable
31. $ ("#Sel"). Vacía (); // borrar el cuadro desplegable
32. Obtenga los valores de un conjunto de elementos seleccionados de radio
33.var item = $ ('input [@name = elementos] [@checked]'). Val ();
34. Obtenga el texto del elemento seleccionado
35.var item = $ ("Seleccionar [@name = elementos] opción [@selected]"). Text ();
36. Seleccionar el cuadro desplegable tiene el segundo elemento del valor seleccionado actualmente
37. $ ('#Select_id') [0] .selectedIndex = 1;
38. El segundo elemento del grupo de radio de radio es el valor actual seleccionado
39. $ ('Input [@name = elementos]'). Get (1) .ecked = true;
40. Obtenga el valor:
41. Cuadro de texto, área de texto: $ ("#txt"). Attr ("valor");
42. Cadera de verificación de casilla de selección múltiple: $ ("#checkbox_id"). Attr ("valor");
43. Radio de grupo de opción de opción: $ ("input [@type = radio] [@checked]"). Val ();
44. Buzón de despegue Seleccionar: $ ('#sel'). Val ();
45. Elementos de formulario de control:
46. Cuadro de texto, área de texto: $ ("#txt"). Attr ("valor", ''); // borrar contenido
47. $ ("#Txt"). Attr ("valor", '11'); // complete el contenido
48. Múltiple casilla de verificación casilla de verificación: $ ("#chk1"). Attr ("checked", ''); // no verifique
49. $ ("#Chk2"). Attr ("checked", true); // tick
50.if ($ ("#chk1"). Attr ('checked') == Undefined) // juzga si el cheque ha sido verificado
51.Single-Choice Group Radio: $ ("Entrada [@type = radio]"). Attr ("verificada", '2'); // El elemento con valor = 2 se establece como el elemento seleccionado actualmente
52. Box de desplazamiento Seleccionar: $ ("#sel"). Attr ("valor", '-sel3'); // Establezca el elemento con value = -sel3 en el elemento seleccionado actualmente
53. $ ("<OptionValueOptionValue = '1'> 1111 </opción> <opcionValueOptionValue = '2'> 2222 </opción>"). AppendTo ("#sel") // Agregue la opción del cuadro desplegable
54. $ ("#Sel"). Vacía (); // borrar el cuadro desplegable
El ejemplo simple anterior de AJAX logrando el enlace secundario en Spring MVC es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.