layui下拉框后台动态赋值

前台页面:

<select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter">
<option value=""></option>
</select>

前台js:

<script>

layui.use([‘form‘, ‘upload‘, ‘layer‘], function () {

var form = layui.form;

    

//检查项目添加到下拉框中
$.ajax({
url: ‘../hwjg_App/hwjgApp_ashx/GetXm.ashx‘,
dataType: ‘json‘,
type: ‘get‘,
success: function (data) {
$.each(data, function (index, item) {
$(‘#xm‘).append(new Option(item.xm, item.id));// 下拉菜单里添加元素
});
layui.form.render("select");

//重新渲染 固定写法
}
})

});

})

</script>

原文地址:https://www.cnblogs.com/yagamilight/p/9902093.html

时间: 2024-11-03 01:23:37

layui下拉框后台动态赋值的相关文章

javascript 可多选的下拉框 multiselect 动态删除option值,动态添加option值,动态生成表格

首先引用一个写的很好的博客http://www.cnblogs.com/landeanfen/p/5013452.html 我使用的是bootstrap-multiselect,实现功能是 选择下拉框中的某几项数据后,通过点击add按键,可以将数据动态的添加到一个table中: 移除掉下拉框中的这几项: 删除table中的某行数据,对应的下拉框中会再添加这些值. bootstrap-multiselect源码主页:https://github.com/davidstutz/bootstrap-m

layUI 下拉框遮挡

原项目中把layui内置的富文本编辑器替换成了百度的ueditor,但是出现了一点问题,下拉框被遮挡了! 在网上查询了一些方法,发现最简单的方法就是在当前页面的<head>标签中加入 <style> .layui-form-select dl { z-index: 9999; } </style> 不要问我为什么,因为我也不知道 原文地址:https://www.cnblogs.com/by-xu/p/9409512.html

layui下拉框实现级联

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <link href="../layui/css/layui.css" rel="stylesheet" /> <script src="../layui/layui.js"></script> <script src=".

layui 下拉框不显示解决方法

添加以下代码 layui.use('form', function(){ var form = layui.form; form.render(); }); 原文地址:https://www.cnblogs.com/MagicAsa/p/10272515.html

getJSON获取JSON文件加载下拉框及动态验证比输入项

1.html界面 <form action="" method="get"> <div class="form-group"> <div class="col-sm-3"> <label class="control-label">集团</label> </div> <div class="col-sm-9"&

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

Extjs 下拉框

刚刚熟练了easyui控件的使用,又開始了如今的这个项目. 这个项目是个半成品.前端使用的是Extjs控件,jsp中没有代码.就引用了非常多的js...于是乎有种不知所措了呀. . . 说实话特别的不想去看那些代码,第一是不熟悉,第二是太乱没条理,另一个原因界面连html不想看又不行,公司要做这个项目,你又不能跟公司领导说我不会,.所以还是硬着头皮看了一天. 大概了解后,就開始copy,past,将原模块中js原封不动的考到了jsp页面,于是乎就这样执行起来了,仅仅只是调用的不是我自己的方法.后

带输入查询功能匹配下拉框的几种实现方式

在Web开发中我们经常需要用户进行输入操作,输入框内我们输入几个字,输入框就会出现下拉提示你可能要输入的完整信息.下面我总结了几种常见的方案: 一:EasyUi combobox 组合框 具体使用方法官方文档上有详细介绍:http://www.jeasyui.net/plugins/169.html. 当然,你若觉得样式不怎么好看,引入easyui的 js 和css,可以进行简单的样式调整如下: .textbox { webkit-border-radius: 0px; border-radiu

JS为Select下拉框添加输入功能

JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于select之上,再使用JS将下拉框的值赋值给input,实际上是用input模拟出了select的功能,思路非常新颖,也不知究竟有多少人须要select可输入文字的功能,以下是具体的实现代码:前端资源分享 .代码   <div style="position:relative;">