使用js生成下拉列表项
在项目中经常会使用到一个简单的表单元素,那就是下拉列表。但是由于企业的列表项并不是固定的,因此列表项的内容需要到数据库或者接口中取,因此怎样获取,并且能应用到
多个相似的下拉列表就需要思考一下。
我这里将js代码简单贴写:
<script type="text/javascript">
   $(document).ready(function () {
      select("plats","plats");
    });
   function select(id,name){//这样写可以接受多种参数,方便其他地方使用生成下拉列表项
        $.ajax({
            type: "POST",
            url: "getCodeType",
            data: { //发送给数据库的数据
                codeType: name
            },
            dataType: 'json',
            success: function (data) {
                if(data.code == "00"){
                     $("#"+id+"").empty();
                     $("#"+id+"").append("<option  value=''>请选择</option>")
                     $.each(data.data, function (data, item) {
                         $("#"+id+"").append("<option  value='" + item.id + "'>" + item.codeName + "</option>")
                     });
                }
            }
        })
   }
</script>
//相关html
<div class="marRight inlineBlock">
    <label>平台:</label>
    <select class="sel" name="plats" id="plats">
        <option value=''>请选择</option>
    </select>
</div>
以上就是简单的应用。
使用js生成下拉列表项的更多相关文章
- js动态生成下拉列表
		经常需要用到js动态生成下拉列表的功能,记录下来备用. 示例需求:通过ajax请求,从后台获取用户姓名列表,并添加到下拉列表中.js代码如下: function getNameList(){ //如果 ... 
- js生成条形码插件
		<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ... 
- nuxt使用QRCode.js 生成二维码
		QRCode.js 是一个用于生成二维码图片的插件, 官方文档 . 我是在nuxt.js(vue官方的服务端渲染方式)项目里使用的QRCode.js: 第一步:看官方文档: 第二步:下载QRCode. ... 
- 原生JS实现下拉列表
		1 <div class="list"> 2 <ul> 3 <li> 4 <a href="#">Web部< ... 
- 利用scrapy-splash爬取JS生成的动态页面
		目前,为了加速页面的加载速度,页面的很多部分都是用JS生成的,而对于用scrapy爬虫来说就是一个很大的问题,因为scrapy没有JS engine,所以爬取的都是静态页面,对于JS生成的动态页面都无 ... 
- JS生成二维码,允许中文转码
		一.使用jquery-qrcode生成二维码 先简单说一下jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcod ... 
- js生成随即字符串
		js生成随即字符串 /* *js生成随即字符串原来如此简单 *toString() radix argument must be between 2 and 36 */ function uuid() ... 
- 在后台代码中动态生成pivot项并设置EventTrigger和Action的绑定
		最近在做今日头条WP的过程中,遇到需要动态生成Pivot项的问题.第一个版本是把几个频道写死在xaml里了,事件绑定也写在xaml里,每个频道绑定一个ObservableCollection<A ... 
- js生成[n,m]的随机数
		一.预备知识 Math.ceil(); //向上取整. Math.floor(); //向下取整. Math.round(); //四舍五入. Math.random(); //0.0 ~ 1 ... 
随机推荐
- Java Socket编程详细解说
			Java Socket编程 JavaSocketServerSocket乱码超时 Java Socket编程 对于Java Socket编程而言,有两个概念,一个是ServerSocket,一个是So ... 
- 基于avalon+jquery做的bootstrap分页控件
			刚开始学习avalon,项目需要就尝试写了个分页控件Pager.js:基于BootStrap样式这个大家都很熟悉 在这里推荐下国产前端神器avalon:确实好用,帮我解决了很多前端问题. 不多说了,代 ... 
- Proxy server got bad address from remote server
			在ArcMap中,在GIS Servrvers中,打开已经设置好的服务器时,出现下面的弹窗问题. Proxy server got bad address from remote server(ver ... 
- linux mysql安装(亲测)
			参考文章:http://blog.csdn.net/superchanon/article/details/8546254/ 1. 运行平台:CentOS 6.7 x86_64 2. ... 
- sharepoint2010无法连接到配置数据库。
			最近VS部署又遇到这个问题了,记录一下. 然后以管理员省份打开sharePoint管理中心,发现页面展示光秃秃的“无法连接到配置数据库” 解决方式:问的同事. 找到计算机 服务 项, 这个启动下 这个 ... 
- SQL SERVER 2012 尝试读取或写入受保护的内存。这通常指示其他内存已损坏。 (System.Data)
			标题: 连接到服务器------------------------------ 无法连接到 192.168.1.253. ------------------------------其他信息: 尝试 ... 
- LINQ获取两个List的交集
			1.调用: UserList = UserList.ToList().Intersect(userIDList, new MyUserComparer()).AsQueryable(); 2.须要重写 ... 
- http接口测试—自动化测试框架设计
			转载:https://my.oschina.net/hellotest/blog/499719 一.测试需求描述 对服务后台一系列的http接口功能测试. 输入:根据接口描述构造不同的参数输入值(Js ... 
- 6. datasource - mysql【从零开始学Spring Boot】
			在任何一个平台都逃离不了数据库的操作,那么在spring boot中怎么接入数据库呢? 很简单,我们需要在application.properties进行配置一下,application.proper ... 
- hibernate学习系列-----(5)hibernate基本查询下篇:hibernate聚合函数、分组查询及命名查询
			在上一篇中,大致学习了hibernate的基本查询:HQL基本查询,今天,继续昨天的步伐,继续学习hibernate的基本查询..... 1.hql聚合函数,先大致列一下hql的聚合函数有哪些吧: 在 ... 
