将表单值传递给全局变量

Question

尝试将表单值传递到全局 var 中以在两个函数中使用，但出现此错误 document.PostReply 未定义 或 javascript 崩溃，因为 getReplyId 在该函数中未定义功能。无论我尝试了什么，我都会遇到一个或其他错误。

任何人都可以明白为什么表单值“ReplyID”没有被传递到 var 中。
var 放置在脚本开头的任何函数之前。

表单

<CFFORM NAME="PostReply" ID="PostReply" METHOD="POST">   
<CFINPUT TYPE="hidden" NAME="ReplyID" ID="ReplyID" VALUE="#ReplyID#">  
</CFFORM>

我尝试过的

1 - var getReplyId = document.PostReply.ReplyID;  
2 - var getReplyId = document.PostReply.ReplyID.value;  
3 - var getReplyId = document.getElementById("ReplyID");  
4 - var getReplyId = document.PostReply.getElementById("ReplyID");    
5 - var getReplyId = document.getElementById("PostReply.ReplyID").value; `

如果我只是这样做 var getReplyId = 1 脚本效果很好，但我需要 ReplyID 值。

好的，这里是大部分内容

<CFOUTPUT>  
<STYLE>  
targetPostReply#ReplyID#{visibility : visible}  
targetPostReplyResponse#ReplyID#{visibility : visible}  
</STYLE>  
</CFOUTPUT>

<cfajaxproxy cfc="CFC/PostReply" jsclassname="PostReplyCFC">

<SCRIPT SRC="js/PostReply.js" TYPE="text/javascript">
    var getReplyId = document.getElementById("ReplyID").value;   
    $(document).ready(  
        function () {  
        $("form#PostReply").submit(  
        function PostNewReply(ReplyID, ReplyComment){  
            var cfc = new PostReplyCFC();   
            cfc.setCallbackHandler(getNewReply)  
            cfc.setForm('PostReply')  
            cfc.PostNewReply('ReplyComment');  

            document.getElementById("targetPostReplyResponse"+getReplyId).style.display='block';  
            document.getElementById("targetMakeReply"+getReplyId);  
            $('#targetMakeReply'+getReplyId).slideToggle("slow");  
            $(this).toggleClass("targetMakeReply"+getReplyId);  
            return false;  
        }); // .submit()  
    });  
    function getNewReply(newReply)    
    {    
        $('#replyResponse'+getReplyId).html(newReply);  
        return false;  
    }   
</SCRIPT>


<CFOUTPUT>
    <DIV ID="targetMakeReply#ReplyID#">  
        <CFFORM NAME="PostReply" ID="PostReply" METHOD="POST">  
            <CFINPUT TYPE="hidden" NAME="ReplyID" ID="ReplyID" VALUE="#ReplyID#">  
            <textarea name="ReplyComment" rows="5" cols="95"></textarea>  
            <CFINPUT type="image" name="Submit" id="submitButton" value="Post Reply" src="images/PostReply.gif" onmouseover="src='images/PostReplyO.gif'" onmouseout="src='images/PostReply.gif'">  
        </CFFORM>  
    </DIV>  
</CFOUTPUT>


<CFOUTPUT>  
    <STYLE>##targetPostReplyResponse#ReplyID#{display : none}</STYLE>  
    <DIV ID="targetPostReplyResponse#ReplyID#">  
        <TABLE ALIGN="center" VALIGN="top" WIDTH="750" BGCOLOR="FFFFFF" CELLPADDING="0" CELLSPACING="0">  
            <TR>  
                <TD COLSPAN="2" CLASS="text12B"><IMG SRC="images/blank.gif" WIDTH="1" HEIGHT="5" ALT="" BORDER="0"><BR><SPAN ID="replyResponse#ReplyID#"></SPAN></TD>  
            </TR>  
        </TABLE>  
    </DIV>  
</CFOUTPUT>

Answer 1

要使变量成为全局变量，只需去掉 var 即可。

getReplyId = document.getElementById("ReplyID").value;

但请注意，全局变量通常不是最佳实践。如果可能，请考虑让一个函数调用另一个函数并将变量作为参数传递。

Answer 2

好吧，我不知道为什么会这样，但我将 getReplyId = document.getElementById("ReplyID").value; 放在 PostNewReply 函数中，它仍然作为全局变量工作。据我所知，这不应该起作用，但它确实起作用。

Answer 3

将所有 JS 封装在一个新函数调用“SubmitReply”中，并通过 INPUT Submit 按钮中的 onclick“SubmitReply”将 ID 传递给它。然后，ID (ReplyID) 被传递到 var getReplyId = (Id)。这使得 getReplyId 能够被上面显示的所有 JS 使用。现在，JS、cfajaxproxy 和 CFC 可以使用 ID，使表单具有自己的 ID 动态。