Ausführliche Erläuterung der Schritte zum Hinzufügen einer Zuweisung zu untergeordneten Elementen mithilfe von jQuery

Dieses Mal erkläre ich Ihnen ausführlich die Schritte zum Hinzufügen von Werten zu Unterelementen mit jQuery. Was sind die Vorsichtsmaßnahmen zum Hinzufügen von Werten zu Unterelementen? Werfen wir einen Blick darauf.

1. Definieren Sie das -Tag wie folgt:

<p>
<span>科室:</span>
<select>
</select>
</p>

2. Schreiben Sie js-Anweisungen:

<script>
$(function () {
var dname = $(".dept-name-show").eq(0);//选定<select>标签
var url = "${pageContext.request.contextPath}/getDepts.do";//请求路径
$(".dept-name-show").click(function () {
$.get(
url,
function (res) {
var len = res.length;
var op = dname.children().length;
if (op < len) {
var pp = "<option>";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
</script>

3. Schreiben Sie die entsprechende Anforderungserklärung:

List<dept> deptList=null;
@RequestMapping(value = "/getDepts",method = {RequestMethod.GET})
public void getDepts(HttpServletResponse response) throws IOException {
response.setCharacterEncoding("utf-8");
response.setContentType("text/json;charset=utf-8");
if (deptList == null){
deptList = deptService.findAllDepts();
}else {
String res=JSON.toJSONString(deptList);
response.getWriter().write(res);
}
}</dept>

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben Achten Sie auf andere verwandte Themen im Artikel zur chinesischen PHP-Website!

Empfohlene Lektüre:

AngularJS implementiert die Funktion zum Ändern des Passworts durch den Benutzer

JS implementiert eine unbegrenzte Lade- und Paging-Funktion auf dem mobiles Endgerät

Detaillierte Erklärung zur Verwendung von V-Cloak in Vue

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Schritte zum Hinzufügen einer Zuweisung zu untergeordneten Elementen mithilfe von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!