Heim >Web-Frontend >js-Tutorial >Was bedeutet JQuery-Echo?
Lassen Sie uns zunächst einen Blick darauf werfen, was das Echo bedeutet.
Wenn bei der Datenübermittlung ein Fehler auftritt, befinden sich die ausgefüllten Informationen weiterhin im Textfeld. Wenn sich ein Benutzer beispielsweise anmeldet, ist der Benutzername weiterhin vorhanden, nachdem er ein falsches Passwort eingegeben hat im Textfeld, aber das Passwortfeld ist leer.
Bei einigen Formularen, bei denen viele Informationen ausgefüllt werden müssen, ist es für Benutzer sehr unfreundlich, wenn aufgrund einiger Fehler die gesamten bereits ausgefüllten Formularinformationen erneut ausgefüllt werden.
jQuery echo bedeutet dies auch, also wie implementiert man es?
Hier verwenden wir das Auswahl-Dropdown-Feld zur Demonstration. Ich hoffe, dass es für alle hilfreich ist.
HTML-Code:
<label>会议类型</label> <select id="select1" name="meets.meetType" style="display:inline;position:relative;top:10px;margin-bottom:20px;background:grey;"> <option value="现场会议">现场会议</option> <option value="视频会议">视频会议</option> <option value="语音会议">语音会议</option> </select> <input type="hidden" id="meettype" value="<s:property value="meets.meetType" />"/>
Hinweis: Das Eingabe-Tag hier wird zur Identifizierung in JQuery verwendet.
(erfüllt die entsprechenden Get- und Set-Methoden in der Aktion der oberen Ebene, was erforderlich ist, da sonst der entsprechende Wert in diesem Code nicht abgerufen werden kann)
Das Folgende ist der Code in JQuery, der verwendet wird, um die Steuerung basierend auf der entsprechenden ID in HTML zu erhalten:
script type="text/javascript"> $(document).ready(function() { var nameselect=$("#meettype").val(); var all_select=$("#select1 > option"); for(var i=0;i<all_select.length;i++){ var svalue=all_select[i].text; if(nameselect==svalue){ //取select中所有的option的值与其进行对比,相等则令这个option添加上selected属性 $("#select1 option[value='"+svalue+"']").attr("selected","selected"); } } }); </script>
Das ist es!
Das obige ist der detaillierte Inhalt vonWas bedeutet JQuery-Echo?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!