Jquery 从表格中附加某物

Jquery 从表格中附加某物,jquery,forms,append,Jquery,Forms,Append,嘿,这是我的第一个问题,所以我真的不知道如何像职业选手一样提问,但不管怎样 顺便说一句,我有所有jquery链接,但我只是将它们从问题中删除,因为他们认为这是解释发生了什么的上下文。 因此,我试图从我的表格中获取数据,然后将其附加到ul中以生成更多li <script type="text/javascript"> $(document).ready(function () { $(".sort").sorta

嘿,这是我的第一个问题,所以我真的不知道如何像职业选手一样提问,但不管怎样
顺便说一句,我有所有jquery链接,但我只是将它们从问题中删除,因为他们认为这是解释发生了什么的上下文。
因此,我试图从我的表格中获取数据,然后将其附加到ul中以生成更多li

        <script type="text/javascript">
            $(document).ready(function () {
                $(".sort").sortable();
            });
            function getinfo() {
                var stuff = $("input[name=stuff]").val();//this is where i am getting my form data
                $("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
            }
        </script>
    </head>
    <body>
        <center>
            <ul class="sort">
                <li>hi</li>// yep umm here is where i want to add more li
            </ul><br />
            <form method="post" action="">
                <input class="stuff" type="text" name="stuff" />//this is the form
                <input class="submit" id="rounder" type="button" value="Add" onclick="getinfo" />
            </form>
    </body>
</html>

$(文档).ready(函数(){
$(“.sort”).sortable();
});
函数getinfo(){
var stuff=$(“输入[name=stuff]”).val();//这就是我获取表单数据的地方
$(“ul”).append(“
  • ”+stuff+“
  • ”);//这就是我试图运行append函数的地方 }
    • 您好
    • //是的,嗯,我想在这里添加更多的li

    //这是表格
    您以错误的方式调用函数,调用函数如下:

    <input class="submit" id="rounder" type="button" value="Add" onclick="getinfo()" />
    

    您以错误的方式调用函数,调用函数如下:

    <input class="submit" id="rounder" type="button" value="Add" onclick="getinfo()" />
    
    
    
    • 您好
    • //是的,嗯,我想在这里添加更多的li

    //这是表格
    这样更好:

    $('form').submit(function(){
    
        var stuff = $(this).find("input[name=stuff]").val();//this is where i am getting my form data
        $("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
    
      return false;
    });
    
    $('form')。提交(函数(){
    var stuff=$(this.find(“input[name=stuff]”).val();//这是我获取表单数据的地方
    $(“ul”).append(“
  • ”+stuff+“
  • ”);//这就是我试图运行append函数的地方 返回false; });
    • 您好
    • //是的,嗯,我想在这里添加更多的li

    //这是表格
    这样更好:

    $('form').submit(function(){
    
        var stuff = $(this).find("input[name=stuff]").val();//this is where i am getting my form data
        $("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
    
      return false;
    });
    
    $('form')。提交(函数(){
    var stuff=$(this.find(“input[name=stuff]”).val();//这是我获取表单数据的地方
    $(“ul”).append(“
  • ”+stuff+“
  • ”);//这就是我试图运行append函数的地方 返回false; });
    使用jQuery添加侦听器,而不是使用
    onclick
    属性

    $(document).ready(function () {
      $('.submit').click(getinfo);
      $(".sort").sortable();
    });
    

    看看这个JSFiddle

    使用jQuery添加监听器,而不是使用
    onclick
    属性

    $(document).ready(function () {
      $('.submit').click(getinfo);
      $(".sort").sortable();
    });
    

    看看这个JSFiddle

    您必须以这种方式调用函数
    getinfo()
    。。html中的注释是这样的:
    您必须以这种方式调用函数
    getinfo()
    。。html中的注释是这样的:
    此选项中返回false do的内容数据未消失且页面未重新加载此选项中返回false do的内容数据未消失且页面未重新加载