三足乌
2018-08-14 16:56
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<style>
ul{margin: 0;padding: 0;}
li{list-style: none;}
input.text{padding-left: 4px;outline: none;}
</style>
</head>
<body>
<form action="#" method="get">
<input id="text" class="text" type="text" name="Username">
<input id="savebutton" type="button" value="savedata">
<input id="showbutton" type="button" value="showbutton">
</form>
<ul></ul>
<script>
var $txt=$("#text");
var json=[];
$("#savebutton").on("click",function(){
json.push{name:$txt.val()}
});
$("#showbutton").on("click",function(){
$.each(json,function(index){
$("ul").append("<li>"+json[index].name+"</li>")
}) ;
});
</script>
</body>
</html>
$("#savebutton").on("click",function(){
json.push({
name:$txt.val() //第一个你的push后面少了()
});
$txt.val(''); //第二个就是这里
});
jQuery基础(五)一Ajax应用与常用插件
69100 学习 · 400 问题
相似问题