jquery ajax生成Select
2016-01-28 12:08
696 查看
function DropDownList(url, domId, defaultValue) {
/// <summary>
/// ajax生成select
/// </summary>
/// <param name="url">数据请求路径</param>
/// <param name="domId">dom元素id</param>
/// <param name="defaultValue">默认选中值</param>
$.get(url, {}, function (msg) {
$("#" + domId).append("<option value='-1'>请选择</option>");
$(msg).each(function (i, e) {
$("#" + domId).append("<option value='" + e.Key + "'>" + e.Value + "</option>");
});
$("#" + domId).val(defaultValue);
});
}
<select id='test'></select>
使用如:
DropDownList("xxx","test",1)
/// <summary>
/// ajax生成select
/// </summary>
/// <param name="url">数据请求路径</param>
/// <param name="domId">dom元素id</param>
/// <param name="defaultValue">默认选中值</param>
$.get(url, {}, function (msg) {
$("#" + domId).append("<option value='-1'>请选择</option>");
$(msg).each(function (i, e) {
$("#" + domId).append("<option value='" + e.Key + "'>" + e.Value + "</option>");
});
$("#" + domId).val(defaultValue);
});
}
<select id='test'></select>
使用如:
DropDownList("xxx","test",1)
相关文章推荐
- jQuery中$.fn的用法示例介绍
- JQuery里的原型prototype分析
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用
- JQuery 中比较有趣的几个函数
- jQuery自定义插件简单介绍
- jQuery中this与$(this)的区别
- JQuery中的方法链及定时函数的使用,animate动画
- jQuery的DOM操作
- Jquery关于CSS选择器
- jquery mobiscroll 滑动、滚动
- 【基础】jQuery页面加载初始化的常用方法
- jQuery EasyUI使用教程之在数据网格中创建列组
- 使用JQuery,但不使用JQuery validate 来验证表单非空情况
- jquery mTime 手机日期选择插件修改
- jQuery - jQuery的$.extend和$.fn.extend作用及区别
- Jquery DataTables 自定义布局
- jQuery 试题20道
- [二]JQueryMobile常用的组件介绍