表单下拉框动态获取数据_k-form-design下拉选动态数据-程序员宅基地

技术标签: 表单下拉框操作  前端内容  

1.在进行表单操作时,下拉框选项需要动态读取数据库数据,使用ajax异步获取数据。

<form class="layui-form layui-form-pane" method="post" id="websiteform">
  <div class="layui-form-item">
    <label class="layui-form-label">网址类别</label>
    <div class="layui-input-block">
      <select name="cid" id="selectcid" lay-verify="required" >
      	<option value="0">请选择</option>
      </select>
    </div>
  </div>
</form>
<script>
layui.use('form', function(){
  var form = layui.form; 
  $.ajax({
	url:'/navigation/category/list',
	dataType:'json',
	type: 'post',
	success:function(data){
	    $.each(data, function (index, category) { 				
		var cid = data[index].cid; 
		var cname = data[index].cname; 
		$("#selectcid").append("<option value='"+cid+"'>"+cname+"</option>"); 
		//form.render()渲染将option添加进去
		form.render();
	    }); 
	}
  });	
});
</script>

 注:使用的是layui,动态插入表单元素,需要更新渲染,使用form.reader(type,filter)方法:

      type:表单的type类型,默认为全部类型:

select 刷新select选择框渲染
checkbox 刷新checkbox复选框渲染
radio 刷新radio单选框渲染

   filter:class="layui-form"所在元素的lay-filter=""的值

使用springMVC编写接口

@Controller
@RequestMapping("/category")
public class CategoryController {
	@Autowired
	private CategoryService categoryService;
	@RequestMapping("/list")
	@ResponseBody
	public List<Category> showCategory(){
		List<Category> list=categoryService.showCategory();
		return list;
	}
}

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/duguyuyun12345/article/details/82818193

智能推荐

115一直正在连接服务器失败怎么办,TCP连接错误115正在进行操作原因是什么?-程序员宅基地

文章浏览阅读4.3k次。我的应用程序创建一个TCP连接,这是正常工作。 但在一个网络服务器有很多IP说TCP连接错误115正在进行操作原因是什么?174.XXX54.xxx 这样当调用TCP连接(非60秒超时阻塞) 到IP 174.X.X.X总是成功。 但是TCP连接到ip 54.x.x.x的同一台服务器正在失败(大部分时间),正在进行测量操作。能否请您给我解释一下什么是错误号115OS可能的原因是:Linux的我的TC..._tcp error 115

Oracle数据库的基本查询_oracle数据库的oracle_home查询-程序员宅基地

文章浏览阅读367次。·基本sql语句1、DDL数据库定义语言主要用于建立、修改、删除数据库对象(表),不需要事务的参与CREATE:创建表CREATE TABLE emp(id NUMBER(10),name VARCHAR2(20),gender CHAR(1),birth DATE,salary NUMBER(6,2));DESC :查询表结构DESC emp;RENA..._oracle数据库的oracle_home查询

字符串(string)And内存函数(memory)介绍_string memory-程序员宅基地

文章浏览阅读482次。1.字符串(string) strlen 意义:获得字符串长度,以'\0'为结束标志。(长度不包含'\0');注意:函数返回值是size_t(unsinged int)模拟实现strlen:size_t my_strlen(char *str){ size_t count = 0; while (*str) { count++; str++; } return count;}int main(){ char arr2[] = "abcdef".._string memory

安卓开发球面波干涉现象仿真app_波的干涉模拟器-程序员宅基地

文章浏览阅读3k次。作为一个光学专业的学生,光的干涉是一个基础知识点。所以尝试着做了个安卓app,来模拟球面波的干涉现象,效果如下:通过改变参数,可以观察到不同的现象。先从介绍干涉实验原理开始,首先如下图所示:点光源s1和s2在同一直线上,设为x轴,观察屏在距离它们为D的位置上,观察屏平行于y-z平面,在观察屏上各点光强不同,即存在干涉现象。s1和s2发射球面波,所以在空间任意一点上的光强与距_波的干涉模拟器

Vicuna介绍及代码实践_vicuna代码讲解-程序员宅基地

文章浏览阅读1.1k次。【代码】PaddleNLP使用Vicuna。_vicuna代码讲解

练习 编写程序打印单月的日历,用户指定这个月的天数和该月起始日是星期几_编写程序,输入某月的天数和该月1日是星期几,输出该月的日历-程序员宅基地

文章浏览阅读1.5k次。编写程序打印单月的日历,用户指定这个月的天数和该月起始日是星期几。_编写程序,输入某月的天数和该月1日是星期几,输出该月的日历

随便推点

显示前半内容后半内容用省略号_CSS实现内容超出后显示省略号-程序员宅基地

文章浏览阅读198次。文字超出了DIV或者HTML标签后,需要隐藏文字并显示省略号,这个在工作中很多时候都要用到,我想很多人都碰到过吧,本文就会讲述如何通过CSS实现内容超出后显示省略号。一是用程序开截取字符长度,这个其实也是可以的第二种是用样式来做,这里主要介绍一下用样式怎么来做吧,我话也不多说了吧直接上代码吧,css样式如下:.css1{color:#6699ff;border:1px#ff8000dashed..._div内容根据宽度将中间内容显示,其余前后省略号

python+flask+vue协同过滤的电影评分推荐系统-影评网站_网络爬虫与协同过滤算法电影推荐系统(vue前端)-程序员宅基地

文章浏览阅读537次。本系统使用的数据库为MySQL数据库[10],选择该数据库的原因是因为该数据库开源、免费,且相对简便,且由于使用人数众多,在处理问题上会得到更多已知的帮助。述了数据库的设计,系统的详细设计部分主要论述了几个主要模块的详细设计过程。_网络爬虫与协同过滤算法电影推荐系统(vue前端)

学生服务器是什么?学生服务器有什么用?_阿里云学生服务器-程序员宅基地

文章浏览阅读1.9w次,点赞2次,收藏17次。最新版本的阿里云学生服务器该名称为:轻量应用服务器 虽然改名字了,但是还是以前的阿里云学生服务器。这次不仅改名称了,价格降低了(以前是1年114元,现在是1年96元),配置也更好了(以前配置是1核2G1M,现在是1核2G5M,升级了带宽和流量包)。学生服务器地址阿里云学生服务器购买地址:阿里云学生服务器(官网直达)学生云服务器的配置:1核2G5M 40G硬盘购买条件:注册阿里云账号>>完成学生身份认证>>购买轻量应用服务器(学生服务器)阿里云轻量应用服务器:htt_阿里云学生服务器

centos 下ssh命令找不到(-bash: ssh: command not found)_centos8报错sshpass command not found-程序员宅基地

文章浏览阅读3.6w次,点赞5次,收藏17次。centos6.8 使用ssh 连接远程服务器提示:-bash: ssh: command not foundcentos默认安装有ssh服务,没有客户端。查看ssh安装# rpm -qa | grep opensshopenssh-5.3p1-123.el6_9.x86_64openssh-server-5.3p1-123.el6_9.x86_64没有安装openssh-clientsyum安装..._centos8报错sshpass command not found

VC 多线程编程_vccc??????鉁达笍??????????????????????????-程序员宅基地

文章浏览阅读623次。VC 多线程编程一、问题的提出编写一个耗时的单线程程序:  新建一个基于对话框的应用程序SingleThread,在主对话框IDD_SINGLETHREAD_DIALOG添加一个按钮,ID为IDC_SLEEP_SIX_SECOND,标题为“延时6秒”,添加按钮的响应函数,代码如下: void CSingleThreadDlg::OnSleepSixSecond() {_vccc??????鉁达笍??????????????????????????

libsvm java 情感分类_NLP 中文文本情感分类。上课的课程作业,本着服务大家的思想上传,包括实验代码, 数据 AI-NN-PR 人工智能/神经网络 259万源代码下载- www.pudn....-程序员宅基地

文章浏览阅读111次。文件名称: NLP下载 收藏√ [5 4 3 2 1]开发工具: Visual C++文件大小: 9771 KB上传时间: 2015-01-19下载次数: 27提 供 者: 蒋浩浩详细说明:中文文本情感分类。上课的课程作业,本着服务大家的思想上传,包括实验代码,实验数据,实验ppt以及实验报告。非常详细-Chinese text sentiment classification. ..._开源nlp中文情感标记java