触发获取动态数据的方法
获取动态数据list
清除select下面所有的选项
把获取的数据append到select下面
$('#id).change(function(){
var val = this.value
document.getElementById("selectId").options.length = 0
if(val != null &&val != ''){
$.post(url, {"temp": val}, function(data){
if(data != null &&data.length >0){
for(var i=0i<data.lengthi++){
var o = data[i]
$("#selectId").append("<option value='"+o[0]+"'>"+o[1]+"</option>")
}
}
$("#selectId").selectmenu('refresh', true)//jqm 是动态加载的css 所以新增元素后 需要手动加载样式
})
}
})
本文实例讲述了jQuery简单实现向列表动态添加新元素的方法。分享给大家供大家参考，具体如下：先看看效果图：
完整实现代码如下：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>www.jb51.net
jQuery列表添加新元素</title>
<script
src="jquery-1.7.2.min.js"></script>
</head>
<body>
<h3>li列表：</h3>
<ol>
<li>jb51</li>
<li>php</li>
<li>javascript</li>
<li>HTML5</li>
</ol>
<input
type="text"
id="text">
<input
type="button"
id="btn"
value="添加">
<script
type="text/javascript">
$(function
()
{
$('#btn').click(function
()
{
$('ol').append('<li>'+$('#text').val()+'</li>')
})
})
</script>
</body>
</html>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery页面元素 *** 作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。
2、然后在style标签里声明一个class样式，如下图所示。
3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。
5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）