jquery ajax生成Select

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)

时间: 2024-12-13 09:54:21

jquery ajax生成Select的相关文章

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

(转)Jquery+Ajax实现Select动态定数据

解决思路: 在数据库中建立类型字典式表.将下拉框需要添加的项,在数据库表里中文.英文名称对应起来. 下拉框动态绑定数据库表中需要字段. [csharp] view plain copy <div id="bgDiv" style="display:none;"></div> <a  class="btn-lit" href="javascript:"  onclick="bgDiv.st

利用jquery.ajax在jsp页面动态生成table,可以增加修改,并支持一行和多行删除

声明:此为本人原创,只想实现功能,界面样式方面没多考虑,很粗糙能看懂就行--2018-5-14 动态生成table,我利用jsp内嵌java代码从后台获取对象集合,输出的时候有2中方法 1.直接利用java代码for(b1 b:bs)输出 2.利用JSTL标签库的c:foreach输出 不同之处在于,利用c:foreach输出要把获取的对象集合加入到request,然后用${}来读取,而for(b1 b:bs)可以直接输出. 第一种方法--for(b1 b:bs)输出<table id="

使用ajax加载数据字典,生成select

//使用ajax加载数据字典,生成select //参数1: 数据字典类型 (dict_type_code) //参数2: 将下啦选放入的标签id //参数3: 生成下拉选时,select标签的name属性值 //参数4: 需要回显时,选中哪个option function loadSelect(typecode,positionId,selectname,selectedId){ //1 创建select对象,将name属性指定 var $select = $("<select name

PHP jQuery ajax 表单提交小示例(含insert, select)

功能描述:能够通过表单向MySQL数据库新增记录,能够表单提供关键词进行查询 index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

用jquery ajax做的select菜单,选中的效果

//用server端语言赋值给js变量 var departmentId = '<%=提交的值 %>', deviceId='<%=提交的值 %>' $(function () { $.ajax({ url: "deJson.action", type: 'POST', dataType: 'JSON', timeout: 5000, //error: function() {alert('载入数据异常,请重试!');}, success: function (

JQuery AJAX介绍

new ActiveXObject("Microsoft.XMLHTTP")是IE中创建XMLHttpRequest对象的方法.非IE浏览器中创建方法是new XmlHttpRequest(). 为了兼容不同的浏览器需要编写很多代码回调函数中data参数为服务器返回的数据,textStatus为服务器返回状态码,textStatus为"success"表示成功. JQuery中提供了简化ajax使用的方法. $.ajax()函数是JQuery中提供的 ajax访问函

ASP.NET 异步Web API + jQuery Ajax 文件上传代码小析

该示例中实际上应用了 jquery ajax(web client) + async web api 双异步. jquery ajax post 1 $.ajax({ 2 type: "POST", 3 url: "/api/FileUpload", 4 contentType: false, 5 processData: false, 6 data: data, 7 success: function (results) { 8 ShowUploadControl

jQuery ajax - serialize() 方法

jQuery ajax - serialize() 方法 jQuery Ajax 参考手册 实例 输出序列化表单值的结果: $("button").click(function(){   $("div").text($("form").serialize()); }); 亲自试一试 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 fo