Explication détaillée des étapes pour ajouter une affectation aux éléments enfants à l'aide de jQuery

Cette fois, je vous apporte une explication détaillée des étapes pour ajouter des valeurs aux sous-éléments avec jQuery Quelles sont les précautions pour ajouter des valeurs aux sous-éléments. éléments avec jQuery. Voici des cas pratiques.

1. Définissez la balise dans la page jsp, comme suit :

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

2. Écrivez des déclarations js :

<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. Écrivez la déclaration de demande correspondante :

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>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention aux autres questions connexes dans l'article du site Web PHP chinois !

Lecture recommandée :

AngularJS implémente la fonction de changement de mot de passe par l'utilisateur

JS implémente une fonction de chargement et de pagination illimitée sur le terminal mobile

Explication détaillée de l'utilisation de v-cloak dans Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!