动态获取下拉列表并回显
来源:互联网 发布:网络学校有哪些专业 编辑:程序博客网 时间:2024/05/13 21:39
下拉列表通过jquery ajax直接返回option html
页面:html
<script src="${request.contextPath}/js/choose.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#select1").one("click", function(){
choose(this);
});
$("#select1").change(function(){ //下拉框改变时取得值
$("#sexId").val($(this).val());
});
});
</script>
<!-- Jquery ajax。 开始-->
<select id="select1" poperty="employeeSex" >
#if($sex.name)
<option value="$!sex.id" selected="selected" >
$sex.name
</option>
#else
<option id="first" value="" selected="selected">
==请选择性别==
</option>
#end
</select>
<input type="hidden" name="sexId" id="sexId" value="$!sex.id" />
<!-- 结束 -->
choose.js
function choose(obj){
var obj = $(obj);
var poperty = obj.attr("poperty");
$.ajax({
type:'get',//可选get
url:'ajax!getDictionaryBySn.action',//这里是接收数据的PHP程序
data:'sn='+poperty,
dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
success:function(msg){
obj.find("option").not("#first").remove();
obj.append(msg);
},
error:function(){
alert("ajax提交失败的处理函数!");
}
});
}
selectoptions.html
#foreach($o in $list)
<option value="$!o.id">
$!o.name
</option>
#end
- 动态获取下拉列表并回显
- 动态添加下拉列表框,并从后台获取值
- AngularJS下拉列表动态获取
- DropDownList从XML配置文件动态获取下拉列表值
- 动态下拉列表
- 动态下拉选项列表
- 动态下拉列表
- Ajax动态下拉列表
- Select下拉框动态获取数据,并触发事件
- jquery 动态向下拉列表填充数据,点击下拉列表时传值并触发事件
- 下拉列表的回显
- webservice动态加载下拉列表
- 动态下拉列表框查找
- ajax动态更新下拉列表
- HTML动态年份下拉列表
- 获取下拉列表的值
- ext 下拉列表本地获取
- 下拉列表获取选中值
- 自己写的内存池Slabs
- 多文件编辑(sp(横版)和vs(纵版))很强大
- 善良公社项目总结之如何从前台向后台传输数据
- 软件开发的愚公移山
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- 动态获取下拉列表并回显
- 第13周项目4-递归求奇数连乘的积
- httpclient 入门
- UIViewController的误用
- 数据科学家杨滔揭秘阿里内部数据运用
- PKU 1451 较为复杂的模拟题
- ora-12514 TNS 监听程序无法识别连接描述符中请求的服务
- <innoDB 手记《二》> innodb_log_file_size
- 什么是白帽SEO