javascript - 求教:$each()用法的正确姿势?
本文介绍了javascript - 求教:$each()用法的正确姿势?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<form>
<label>
<input id="txt" type="text" name="UserName" placeholder="请输入姓名">性别:
<select id="sex">
<option>女</option>
<option>男</option>
</select>
</label>
<input id="show-btn" type="button" value="显示数据">
</form>
<ul id="list"></ul>
<script>
var json=[{
"name": $("#txt").val(),
"sex": $("#sex").val()
}];
$("#show-btn").click(function(){
$.each(json,function(i){
$("#list").append("<li>姓名:"+json[i].name+" 性别:"+json[i].sex+"</li>");
});
});
</script>
</body>
</html>
解决方案
请把 var json=[xxxxx] ;
这句 放进click function里面
$("#show-btn").click(function(){
var json=[{
"name": $("#txt").val(),
"sex": $("#sex").val()
}];
$.each(json,function(i){
$("#list").append("<li>姓名:"+json[i].name+" 性别:"+json[i].sex+"</li>");
});
});
这篇关于javascript - 求教:$each()用法的正确姿势?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文