1

我所拥有的是一个基于查询结果动态创建单选表单字段的表单。除了这些动态创建的表单字段中的每一个之外，我希望能够打开一个带有单独表单的模式窗口，该窗口允许我将其他数据添加到与单选行项目相关的单独表格中。我遇到的问题是在我发布表格之前一切正常。发布的唯一结果是隐藏字段的值。这是代码。

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 中。

4

0 回答 0