步骤:
1.发送Ajax求情到后台;
2.取到值;
3.遍历循环;
4.追加节点。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="JS/jquery-3.3.1.min.js"></script> <title>JQuery 使用Ajax</title> </head> <script> $(function () { $.get( "getUserAllServlet", {}, function (data) { //1.获取select标签结点 var select = $("sel"); //2.便利json数组 $(data).each(function () { //3.创建option var option="<option name='"+this.id+"'>"+this.name+"</option>"; //4.调用select标签结点,追加option结点 select.append(option); }) } ) }) </script> <body> <select id="sel"> <option>--请选择--</option> </select> </body> </html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。