求指导代码那里有问题,运行不出来啊

来源:1-11 编程练习

三足乌

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>


写回答 关注

1回答

  • qq_夜静了_0
    2018-08-16 11:06:23

    $("#savebutton").on("click",function(){

    json.push({

    name:$txt.val()   //第一个你的push后面少了()

    });

    $txt.val('');     //第二个就是这里

    });


jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69094 学习 · 400 问题

查看课程

相似问题