我所拥有的是一个基于查询结果动态创建无线电表单字段的表单。与这些动态创建的表单字段中的每一个一起,我希望能够打开具有单独表单的模态窗口,该表单允许我将其他数据添加到相对于无线电行项目的单独表格中。我遇到的问题是一切正常,直到我发布表格。帖子的唯一结果是隐藏字段的值。这是代码。
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中。