JS动态创建input和span并从后台加载数据

解决:动态创建input和span

由于我是想实现一个下拉多选的效果,作为后端狗,真是脑壳疼呀,效果看图:
JS动态创建input和span并从后台加载数据_第1张图片
先新建一个Html文件和js文件夹,将jquery-1.8.3.js放入js文件夹如下 示例代码.


<html>
<head>
<meta charset="UTF-8">
<title>动态创建input和spantitle>
<script type="text/javascript" src="js/jquery-1.8.3.js">script> 
<script>
	$(function(){
		//搞两个数组做测试数据,实际是从后台通过Ajax异步获取数据
		var val = ["张三","李四","王五"];					
		for(var i = 0; i<val.length;i++){
			$("#opts").append(""+val[i]+"
"
); } });
script> <style> *{ margin: 0px; padding: 0px; } #dv{ width: 100px; height: 100px; background-color: yellow; margin: 0px auto 0px; } style> head> <body> <div id="optips">div> body> html>

具体你们想要效果源码可以评论找我要

你可能感兴趣的:(记录帖)