用jq和ajax實現

1.在jsp頁面上

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<[email protected] prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

$(function(){
$.get("productType1_findAll.action",function(data){ -------->從自己的action中查詢，返回productTypeList
$.each(data.productTypeList,function(i,element){
var productId=‘${productId}‘;
if(productId==element.id){
$("#productId").append("<option value=‘"+element.id+"‘selected>"+element.productTypeName+"</option>");
}else{
$("#productId").append("<option value=‘"+element.id+"‘ >"+element.productTypeName+"</option>");
}
})
},"json")
})

------------------------------------------------------------------------------------------------------------------------------------

<div class="field">
<select name="productId" id="productId" class="input w50">
<option value="">請選擇</option>
</select>
<div class="tips"></div>
</div>

下拉框獲取關聯表的信息