老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 1257|回复: 0

ajax获取 select option的值

[复制链接]

662

主题

878

帖子

5113

积分

超级版主

Rank: 8Rank: 8

积分
5113
发表于 2018-6-25 12:57:48 | 显示全部楼层 |阅读模式
html部分
  1. <div class="layui-form-item">
  2.         <label class="layui-form-label">选择身份</label>
  3.         <div class="layui-input-block">
  4.                 <select name="roleId" lay-verify="required" id="add_role_name">
  5.                           <option value="">请选着身份</option>
  6.                 </select>
  7.         </div>
  8. </div>
复制代码
JS部分一
  1. var form,layedit,layer,laydate;
  2. layui.use(['form', 'layedit','layer','laydate'], function(){
  3.             form = layui.form;
  4.             layer = layui.layer
  5.             layedit = layui.layedit
  6.             laydate = layui.laydate;
  7.             selectRoleName();    // 调用查询方法
  8. })
复制代码
JS部分二
  1. function selectRoleName(){
  2.                 $.ajax({
  3.                         url:"${ctxPath}/role/selectRoleList",
  4.                         type:"GET",
  5.                         dataType:"json",
  6.                         success:function(result){
  7.                                 var list = result.extend.roleList;    //返回的数据
  8.                                 var role = document.getElementById("add_role_name");        //add_role_name给select定义的id
  9.                                 for(var i=0;i<list.length;i++){
  10.                                         var option = document.createElement("option");    // 创建添加option属性
  11.                                         option.setAttribute("value",list[i].roleId);                  // 给option的value添加值
  12.                                         option.innerText=list[i].roleName;             // 打印option对应的纯文本 (超级管理员、管理员)
  13.                                         role.appendChild(option);                          // 给select 添加option子标签
  14.                                         form.render("select");                                // 刷性select,显示出数据
  15.                                 }
  16.                 }
  17.                 });
  18.         }
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表