javascript - jQuery获取生成的隐藏输入的值

Question

我无法弄清楚如何获得之前附加的隐藏输入的值。我的意思是我有这样的东西：

$(document).ready(function () {
    $(".form").append('<input type="hidden" id="inputhidden1" value="myvalue"> ');
    $(".form").submit(function () {
        console.debug($("#inputhidden1").val())
    });
});

以下代码在提交表单时会将我的值调试为未定义。为什么？

Answer 1

你的脚本有语法错误，试试这个

$(document).ready(function(){// missing function
     $(".form").append("<input type='hidden' id='inputhidden1' value='myvalue'>");//missing closing tag, quotes error
     $(".form").submit(function()
        {
            console.debug($("#inputhidden1").val())
        });
});​

工作演示

Answer 2

您的代码中有错误，您没有正确使用 document.ready 并且您在双引号内使用双引号。您的表单是否有一个名为“form”的类？

给你的表格一个id，假设你给了

<form id="formid" action="#">
       <input type="submit" value="Click Me"/>
</form>

现在在脚本中尝试这段代码：

<script type="text/javascript">

    $(document).ready(function(){
          $("#formid").append("<input type='hidden' id='inputhidden1' value='myvalue'/>");
          $("#formid").submit(function(){
              console.debug($("#inputhidden1").val());
          });
    });
</script>

它在firebug的调试控制台上打印value = myvalue ..