layui ajax select 动态添加数据方法

学习笔记 同时被 3 个专栏收录
91 篇文章 1 订阅
86 篇文章 0 订阅
12 篇文章 0 订阅

html:

<form class="layui-form" action="" method="post">
    <div class="layui-form-item">
          <label class="layui-form-label">选择类型</label>
          <div class="layui-input-block">
	           <select name="titletype" lay-verify="required" id="typeselectBox">
	           </select>
	      </div>
        </div>
</form>

jq:

$(document).ready(function() {
	layui.use(['form'], function(){
		var form = layui.form;
        var option = "<option value='-1'>请选择类型</option>";//初始化option的选项
        $.ajax({
            url: "/JavaWeb/ShowTitleType",
            type: 'POST'
        })
        .done(function(datas) {
            for(var i=0;i<datas.length;i++){                	
                option+="<option value='"+datas[i]['typeid']+"'>"+datas[i]['typename']+"</option>";//拼接option中的内容
                	$("#typeselectBox").html(option);//将option的拼接内容加入select中,注意选择器是select的ID
            }
            form.render('select');//重点:重新渲染select
        })
        .fail(function() {
            console.log("error");
        });
	});
});

  • 1
    点赞
  • 1
    评论
  • 5
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页

打赏作者

小张帅三代

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值