Maintenant, je vais partager avec vous une méthode jQuery pour ajouter et attribuer des sous-éléments de balise. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.
1. Définissez la balise
<p> <span>科室:</span> <select class="dept-name-show" style="width: 70%;"> </select> </p>
2. Écrivez les instructions 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></option>";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
</script>3. Écrivez les instructions de requête correspondantes :
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);
}
}Quatrièmement, l'effet est le suivant :
Ce qui précède est ce que j'ai compilé pour tout le monde. J’espère qu’à l’avenir, cela sera utile à tout le monde.
Articles connexes :
Comment utiliser ngrok+express pour résoudre les problèmes de débogage de l'interface WeChat
Comment utiliser les tables element-ui pour implémenter la fonctionnalité cellulaire Modifier
Comment effacer la vérification après la fermeture de la boîte de dialogue dans l'élément ui
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!
Que sont les plug-ins jquery ?
Comment trouver la valeur maximale et minimale d'un élément de tableau en Java
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
