标签:jquer html rip min 调用 javascrip select 下拉 text
目的:将从数据库取到的值,放入下拉框标签中
步骤:
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>
标签:jquer html rip min 调用 javascrip select 下拉 text
原文地址:https://www.cnblogs.com/jasonjson/p/12409106.html