欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajax struts2 下拉框赋值(适合所有)

程序员文章站 2022-07-02 16:15:35
1.此代码适合所有下拉列表取值 2.一个项目所有的下拉列表只需要这一个公用方法; 步骤一:创建实体bean; 复制代码 代码如下: public class diction...
1.此代码适合所有下拉列表取值
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;
复制代码 代码如下:

/**
*
* @author zhuangzi
* @class com.hzdracom.action.dictionaryaction
* @method listdictionary
* @directions 获取下拉列表信息公用方法
* @date 2013-3-21上午10:08:39 void
*/
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 配置信息
复制代码 代码如下:

<action name="listdictionary" method ="listdictionary" class="com.hzdracom.action.dictionaryaction">
     </action>

步骤三 封装公用js代码js文件名字 dictionary.js
复制代码 代码如下:

/**
*↓↓↓↓↓↓↓↓↓↓
*作者:zhuangzi
*类名:公用方法初始化
*功能:公用方法初始化
*详细:公用方法初始化
*版本:1.0
*日期:2013-03-22
*说明:
*↑↑↑↑↑↑↑↑↑↑
*/
$(function(){
/*1.下拉框取值↓↓↓*/
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"}这种对象就有一个下拉框信息;
});
/**
*↓↓↓↓↓↓↓↓↓↓
*作者:zhuangzi
*类名:获取下拉框值公用方法
*功能:下拉列表取值
*详细:加载下拉列表
*版本:1.0
*日期:2013-03-22
*说明:如果新加一个下拉框 需要给数组list添加一个对象
*参数:id_:下拉框被选中值的id;id:下拉框id;flag:下拉框值的类型,即显示内容类型
*↑↑↑↑↑↑↑↑↑↑
*/
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("<option value='"
+json[i].value_id+"'>"
+json[i].value+"</option>");
if(pageid !=null && pageid!="" && pageid==json[i].value_id){

$(bean.id).find("option").attr("selected",true);
}
}
},
error:function(){
alert('error');
}
});
})(list[i]);
}
}

步骤四 页面信息 下面隐藏域信息 ,就是你选某项查询后,它就会被选中的值
引入js
复制代码 代码如下:

<script language="javascript1.2" src="<s:url value="/js/jquery.js" includeparams="false"/>"></script>
<script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeparams="false"/>"></script>

复制代码 代码如下:

<s:hidden id="down_type" name="yhaoportalsdownbean.downtype"/>
<td width="25%" height="33" class="addtabletd1">下载类型标识:</td>
<td width="25%" height="33" class="addtabletd2">
<select id="downtype" name="yhaoportalsdownbean.downtype" class="textfrom" class="width:120" >
<option value="">---所有---</option>
</select>
</td>

步骤五 附加信息 dao里面方法 下面方法用到的flag 就是js里面flag传的值
复制代码 代码如下:

public list<dictionarybean> handlelistdictionary(dictionarybean bean)throws dataaccessexception,exception {
list<dictionarybean> list = new arraylist<dictionarybean>();
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;
}

好了已经完成了。