Bootstrap

java下拉列表 动态_Ajax动态为下拉列表添加数据的实现方法

1. 前台jsp,新建一个下拉控件

2. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充

function loadType(){

$.get(

'getAllTypes.action',

function(data){

var $sel = $("#seldvd");

// console.log(data);

for(var i = 0;i

$item = $(""); //添加option

$item.val(data[i].id); //添加option的value ,数据库中用id和type保存的数据

$item.html(data[i].type); //添加option数据

$sel.append($item); //将option添加进select

}

},'json'

);

}

3. 新建一个servlet页面,用来向Ajax返回数据

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws Ser

;