Question

我无法弄清楚我怎么能得到之前附加的隐藏输入的值。我的意思是我有这样的东西：

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

以下代码，当表单被提交时，将调试我的值为undefined。为什么呢？

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())
        });
});

工作DEMO

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 ..

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

2 个答案: