2.一个项目所有的下拉列表只需要这一个公用方法；
步骤一：创建实体bean；
复制代码 代码如下:
public class DictionaryBean {
private String value_Id;//下拉框option的id
private String value;//下拉框option的值
private String flag;//对应下拉框的值的类型，如flag=1，下拉列表为省份信息，flag=2为市级信息等；
public String getValue_Id() {
return value_Id;
}
public void setValue_Id(String valueId) {
value_Id = valueId;
}
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
public String getFlag() {
return flag;
}
public void setFlag(String flag) {
this.flag = flag;
}
}
步骤二 在你action里面写个如下取listbean的方法，listbean封装的是 bean.valueId 和bean.value；
复制代码 代码如下:
public void listDictionary(){
String json="";
try{
listDictionary = dictionaryService.handleListDictionary(bean);
json=JSON.toJSonString(listDictionary);//转换成json字符串
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out;
out = response.getWriter();
out.println(json);
out.flush();
out.close();
}catch(Exception e){
e.printStackTrace();
}
}
sturts.xml 配置信息
复制代码 代码如下:
步骤三 封装公用js代码js文件名字 dictionary.js
复制代码 代码如下:
$(function(){
selectBox([
复制代码 代码如下:
{id_:"#down_type",id:"#downtype" ,flag:"2"},
{id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"}]);
//selectBox{[{id_:"你的下拉框的被选中值的ID",id:"下拉框的ID",flag:"下拉框值的类型"}]};
复制代码 代码如下:
//有一个{id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"}这种对象就有一个下拉框信息；
});
function selectBox(list){
for ( var i = 0,len = list.length; i < len; i++) {
(function(bean){
var pageId=$(bean.id_).val();
$.ajax({
type:'post',
url:'../dictionary/listDictionary.do',
data:'bean.flag='+bean.flag,
dataType:'json',
success:function(json){
for(var i=0; i< json.length;i++){
$(bean.id).append("");
if(pageId !=null && pageId!="" && pageId==json[i].value_Id){
$(bean.id).find("option").attr("selected",true);
}
}
},
error:function(){
alert('error');
}
});
})(list[i]);
}
}
步骤四 页面信息 下面隐藏域信息 ，就是你选某项查询后，它就会被选中的值
引入js
复制代码 代码如下:
复制代码 代码如下:
步骤五 附加信息 dao里面方法 下面方法用到的flag 就是js里面flag传的值
复制代码 代码如下:
public List
List
try{
String sql="";
if (bean.getFlag().equals("1")) {
sql = "SELECT PAGE_FLAG VALUE_ID,PAGE_NAME VALUE FROM YHAO_PORTALS_PAGE";
}
if (bean.getFlag().equals("2")) {
sql = " SELECt DOWNTYPE_FLAG VALUE_ID,DOWNTYPE_NAME VALUE FROM YHAO_PORTALS_DOWNTYPE ";
}
if (bean.getFlag().equals("3")) {
sql = " SELECt KUAI_FLAG VALUE_ID,KUAI_NAME VALUE FROM YHAO_PORTALS_KUAI ";
}
list = this.query(sql,new DictionaryList());
}catch(Exception e){
e.printStackTrace();
}
return list;
}
好了已经完成了。
