「通常の」フォーム要素を持つフォームがあり、javascriptボタンをクリックして作成された要素もフォームになります。JS作成のフォーム要素が送信されない
<script src="incld/addClass.js" language="Javascript" type="text/javascript">
</script>
<input type="button" value="Add a Class" onClick="addInput('dynamicInput');" class="add-class-btn">
$ _POSTの出力を見ると、これらの要素は送信されていません。
はここにJSだ:
var counter = 1;
var limit = 25;
function addInput(divName){
if (counter == limit) {
alert("You have reached the limit of adding " + counter + " inputs");
} else {
var newdiv = document.createElement('div');
newdiv.innerHTML = "Class " + (counter + 1) + " <p><label for=\"class_name\">Class Name </label><input type=\"text\" name=\"class[" + (counter + 1) + "][name]\" id=\"class[" + (counter + 1) + "][name]\" class=\"text-fld\" /></p><p><label for=\"class_grade_level\">Grade Level </label><input type=\"text\" name=\"class[" + (counter + 1) + "][grade_level]\" id=\"class[" + (counter + 1) + "][grade_level]\" class=\"text-fld\" /></p><p><label for=\"class_subject\">Subject </label><input type=\"text\" name=\"class[" + (counter + 1) + "][subject]\" id=\"class[" + (counter + 1) + "][subject]\" class=\"text-fld\" /></p>";
document.getElementById(divName).appendChild(newdiv);
counter++;
}
}
編集: "通常の" フォーム要素は、JS-作成したものとは異なるdivタグです。多分この問題?
EDIT2:ここに利用できる全(編集した醜い)ソース:http://pastebin.com/y5QJU4NN
これはすべてのブラウザで発生しますか? –
HTTPリクエストがブラウザからどのようになっているかを確認して、問題がPHP側にないことを確認してください。 Chromeのデバッガのネットワークツールが役立ちます。Firefoxの場合は、Tamper Dataプラグインがあります。 – Pointy
'