私が持っているのは、クエリ結果に基づいて動的に無線フォームフィールドを作成したフォームです。これらの動的に作成されたフォームフィールドのそれぞれに加えて、ラジオの広告申込情報に関連する別のテーブルに他のデータを追加できる別のフォームでモーダルウィンドウを開くことができるようにしたいと思います。私が抱えている問題は、フォームを投稿するまですべてが正常に機能することです。投稿される唯一の結果は、非表示フィールドの値です。これがコードです。
jquery
<script type="text/javascript">
$(function() {
var options = {
open : function(event, ui) {
$(".ui-dialog-titlebar-close").hide();
},
autoOpen : false,
width : 'auto',
modal : true,
width : 600,
height : 500,
buttons : {
"Submit" : function() {
$('#mForm').submit();
return true;
},
Cancel : function() {
$(this).dialog("close");
}
},
close : function() {
$('#defaultSectionName').val('');
$('#defaultSectionDesc_hidden').val('');
$('#Photo').val('');
$('#Check2').val('');
$('#Check21').val('');
}
};
var num = 1;
$("div#parent div").each(function() {
var dlg = $('#dialog-window-' + num).dialog(options);
$('#image-link-' + num).click(function() {
dlg.dialog("open");
return false;
});
num = num + 1;
});
});
</script>
HTML
<div id="parent">
<div id="dialog-window-#i#" title="#ItemName#" class="uniForm" style="z-index: 1800 !important;">
<p>
<form ACTION="index.cfm?#cgi.QUERY_STRING#" class="uniForm" id="mForm" method="post">
<input type="hidden" name="Check2" value="#ID#" id="Check2">
<input type="hidden" name="PhotoNew" value="New" id="Check21">
<div class="ctrlHolder">
<label for="" style="display:none"><em>*</em>Picture</label>
<input name="Photo" type="file" id="Photo"
value=""
size="30"
data-default-value="Select file"
class="textInput "/>
</div>
<div class="ctrlHolder" >
<label for="" style="display:none"><em>*</em>Section</label>
<input name="Number2" style="z-index:1900 !important;"
id="defaultSectionName"
value=""
size="30"
data-default-value="Select Section"
class="textInput "/>
<p class="formHint">
Select a solution name
</p>
</div>
<div class="ctrlHolder">
<label for="" style="display:none"><em>*</em>Notes</label>
<textarea name="picture_note"
id="defaultSectionDesc_hidden"
data-default-value="Additional Picture Notes"
size="100" cols="70" rows="10"
class="textInput validateMaxLength val-500"
<p class="formHint">
additional notes are optional
</p>
</div>
</form>
</p>
</div>
<div>
<a id="image-link-#i#"> <img src="assets/images/camera-icon.png" alt="o" /></a>
</div>
</div>
注:このdivはcfoutputループに含まれており、別のcfform内にネストされています。