Heim > Web-Frontend > js-Tutorial > Hauptteil

Was bedeutet JQuery-Echo?

(*-*)浩
Freigeben: 2019-06-04 15:34:13
Original
6518 Leute haben es durchsucht

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.

Was bedeutet JQuery-Echo?

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" />"/>
Nach dem Login kopieren

Hinweis: Das Eingabe-Tag hier wird zur Identifizierung in JQuery verwendet.

Hier ist das Attribut meetType, das das entsprechende Meet-Objekt darstellt, das aus der vorherigen Ebenenaktion erhalten wurde.

(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=&#39;"+svalue+"&#39;]").attr("selected","selected");
    }
}

});

</script>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage