用jQuery將輸入添加到表單中並提交

-2

我想使用JQuery將輸入添加到表單中，然後使用純HTML提交表單而不使用javascript。用jQuery將輸入添加到表單中並提交

<form method="post" action="" id="myform" > 
<input type="hidden" name="example" value="done" /> 
<input type="submit" value="try" /> 
</form>

這裏我JQuery的行添加新的輸入：

$('#myform').append("<input name="example2" value="done" type='hidden'/>");

我的問題是，當我提交表單，我不能得到example2輸入值！幫我弄明白。

來源

2016-08-18 Brave Type

你需要'event.PreventDefault（）'然後用'$形式調用提交事件。submit（）' –

我想在不使用JQuery的情況下提交表單！ –

你確定你的輸入被添加嗎？ –

你需要做的就是下載jQuery庫或使用外部CDN谷歌文庫爲我在我的情況下，在HTML文件的頭部使用的一個。

確保您在文檔加載時在窗體上附加輸入。如果您打算在服務器端將表單提交給Php，請檢查表單是否已過帳並打印輸出。你應該用.php擴展名保存你的文件。

請嘗試下面的解決方案。感謝

$(document).ready(function() { 
     $("form#myform").append("<input name='example2' value='done' type='hidden'/>") 
     })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <form method="post" action="" id="myform"> 
     <input type="hidden" name="example" value="done" /> 
     <input type="submit" value="try" /> 
    </form>

來源

2016-08-18 15:27:18

你JQuery的似乎使用了雙引號單應使用：

$('#myform').append("<input name='example2' value='done' type='hidden'/>");

來源

2016-08-18 14:59:34 Nick

，如果你在開始時和()的末尾使用""，內部使用''。如果你使用''在開始時和()末，內部使用相同的""

多看這裏：When to use double or single quotes in JavaScript?

或在這裏：Single or Double quotes in jQuery

$('#myform').append("<input name='example2' value='done' type='hidden'>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" action="" id="myform" > 
 
<input type="hidden" name="example" value="done" /> 
 
<input type="submit" value="try" /> 
 
</form>

來源

2016-08-18 15:01:57

似乎就像輸入框無法在表單末尾追加一樣。

您可以嘗試檢查元素並檢查是否生成了隱藏字段的HTML。檢查報價：

$('#myform').append('<input name="example2" value="done" type="hidden"/>');

來源

2016-08-18 15:02:14

你需要做的就是下載jQuery庫或使用外部CDN谷歌文庫爲我在我的情況下，你html文件頭中使用的一個。

確保您在文檔加載時在窗體上附加輸入。如果您打算將表單提交到PHP作爲服務器端檢查是否發佈表單並打印輸出。您應該使用.php擴展名保存文件。

請嘗試下面的解決方案。

$(document).ready(function() { 
     $("form#myform").append("<input name='example2' value='done' type='hidden'/>") 
     })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <form method="post" action="" id="myform"> 
     <input type="hidden" name="example" value="done" /> 
     <input type="submit" value="try" /> 
    </form>

來源

2016-08-18 15:21:26

用jQuery將輸入添加到表單中並提交

回答

相關問題