一個jquery ui,實現html的多選下拉框,在下拉里面加checkbox,不改變頁面的提交特性,只是動態的改變select選中的多選數據。
jsp頁面例子:
pageEncoding="UTF-8" import="java.util.*,java.text.*"%>
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
納稅用戶核定href="/js/dropdownchecklist/ui.dropdownchecklist.css" />
$(document).ready(function() {
$("#POSITION").dropdownchecklist({firstItemChecksAll: true, maxDropHeight: 100});
});
id="formConditon" name="formCondition" method="post"
target="listFrame">
cellspacing="0">
cellspacing="0">
background="/templates/images/inner/center_bg01.jpg">
cellspacing="0">
????????????
??納稅用戶核定?
cellspacing="0" background="/templates/img/query_01.gif">
class="blue-border" bordercolor="#CCCCCC">
計算機代碼:
納稅人名稱:
納稅人狀態:
${info.NSRZTMC}
${info.NSRZTMC}
查詢核定類型:
全選擇
${info.XLMC}
是否核定:
是
否
稅務機關:
${info.JC}
${info.JC}
登記注冊類型:
${info.DJZCLXMC}
${info.DJZCLXMC}
國家標準行業:
${info.GJBZHYMC}
${info.GJBZHYMC}
value="查??????詢"
οnclick="qry()" class="button01">
cellspacing="0">
id="listFrame" src="/back.jsp" scrolling="no">
//查詢
function qry(){
document.formCondition.submit();
}
注意:頁面導入的庫,這個版本的下拉框架樣式,在ie中存在問題,最好去下載新版本的。
java后臺得到jsp提交的多選數據:
String [] positions= getRequest().getParameterValues("POSITION");