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。