当前位置: 编程技术>WEB前端
jquery动态加载select下拉框示例代码
来源: 互联网 发布时间:2014-08-25
本文导语: 如题,直接上代码,实战学习。 代码如下: jquery实现动态加载select下拉选项 function init(){ makemoduleSelect(); } //加载模板下拉框选项 function makemoduleSelect(){ $.ajax({ url : 'indexStatisticsAction_getSelect.jsp', data: { page:'clientindexStatistics.jsp',me...
如题,直接上代码,实战学习。
jquery实现动态加载select下拉选项
function init(){
makemoduleSelect();
}
//加载模板下拉框选项
function makemoduleSelect(){
$.ajax({
url : 'indexStatisticsAction_getSelect.jsp',
data: { page:'clientindexStatistics.jsp',method:'get_modtitlecode'},
success : function(result){
$("#makemodule").append(result);
}
});
}
下拉框
-------
以上html被加载时,由于body标签里面设置了onload属性,则其对应的javascript函数会运行,最后到 function makemoduleSelect(),再来看看这个函数:
url属性,类似于AJAX的跳转url,这里我用了同一个路径下的jsp页面(indexStatisticsAction_getSelect.jsp),下面会再展示;
data属性,将作为请求的参数,由request获取;
success属性,表示该jquery的ajax请求成功返回后将执行的代码,这里的$("#makemodule")指的是下拉框。
下面是ajax请求的url所对应的jsp,这里删掉了JDBC相关的包,自行引入嘛,JDBC的就不多说了,根据需要把业务逻辑码出来吧。
上面的sql语句将取出两个值,分别为select下拉框的显示值和真值,套个标签回发就可以了。
代码如下:
jquery实现动态加载select下拉选项
function init(){
makemoduleSelect();
}
//加载模板下拉框选项
function makemoduleSelect(){
$.ajax({
url : 'indexStatisticsAction_getSelect.jsp',
data: { page:'clientindexStatistics.jsp',method:'get_modtitlecode'},
success : function(result){
$("#makemodule").append(result);
}
});
}
下拉框
-------
以上html被加载时,由于body标签里面设置了onload属性,则其对应的javascript函数会运行,最后到 function makemoduleSelect(),再来看看这个函数:
url属性,类似于AJAX的跳转url,这里我用了同一个路径下的jsp页面(indexStatisticsAction_getSelect.jsp),下面会再展示;
data属性,将作为请求的参数,由request获取;
success属性,表示该jquery的ajax请求成功返回后将执行的代码,这里的$("#makemodule")指的是下拉框。
下面是ajax请求的url所对应的jsp,这里删掉了JDBC相关的包,自行引入嘛,JDBC的就不多说了,根据需要把业务逻辑码出来吧。
代码如下:
上面的sql语句将取出两个值,分别为select下拉框的显示值和真值,套个标签回发就可以了。