從在文本框中輸入的文本設置變量

Question

我有2個文本框，用戶可以在其中鍵入數字。 我只想將它們一起輸入的數字相加並輸出答案。 我從簡單開始，以后的計算將變得更加復雜。 如果將計算輸入到數據庫中，我實際上可以正常運行，但是我們需要根據用戶在文本框中鍵入的內容來快速進行計算。 我只能設置文本框值並輸出它們，但無法將它們加在一起。 我有一些JavaScript，可使用CFSet輸出在框中輸入的內容。 這是我應該寫的方式嗎？ 有沒有一種方法可以壓縮javascript，還是我需要將每組文本框代碼分開？ 是否有其他方法可以僅使用Cold Fusion進行此簡單計算，還是我需要JavaScript來獲取輸入到文本框中的數字？ 這是我下面的代碼。 如果刪除CFset價格和Price的輸出，您將看到此代碼輸出X和Y文本框。 謝謝你的幫助。

<cfparam name="url.X" default="">
<cfparam name="url.Y" default="">
<cfoutput>
<script type="text/javascript">
        var pageSubmit = '#jsStringFormat(url.X)#';
        function appenX(){
            document.getElementById('submitLink').href = '?X=' +
            encodeURIComponent(
            (pageSubmit.length?pageSubmit + ', ':'') +
                document.getElementById('X').value);
        }

  var pageSubmit = '#jsStringFormat(url.Y)#';
        function appenY(){
            document.getElementById('submitLink').href = '?Y=' +
            encodeURIComponent(
            (pageSubmit.length?pageSubmit + ', ':'') +
                document.getElementById('Y').value);
        }
    </script>

    <cfform name="theForm" action="##" method="get">
        <cfinput type ="text" name="X" id="X" value=""><br />
        <cfinput type ="text" name="Y" id="Y" value="">
        <input type="submit" id="submitLink" onclick="appenX();" onclick="appenY();" value="Update">
    </cfform>

    <cfset X = #url.X#>
    <cfset Y = #url.Y#>
    <cfset Price = X + Y>

    #X#<br />
    #Y#
    #Price#

</cfoutput>

Answer 1

我能夠找到一種方法，僅使用Cold Fusion也可以使它正常工作，如下所示。 我只是用不同的計算方法進行了測試。 我只是在將要輸入的文本輸入到要用於計算的框時遇到問題。 謝謝你的幫助！

<cfif NOT isDefined("form.submit")>

<cfif isDefined('form.Part')>
<cfset page.select_Part = form.Part>
</cfif>

<cfif isDefined('form.X')>
<cfset page.select_X = form.X>
</cfif>

<cfif isDefined('form.Y')>
<cfset page.select_Y = form.Y>
</cfif>

</cfif>


<cfoutput>
<form name="DropDown" method="post">

<tr>
<td> </td>
<td><table>

</tr>

<tr>
<td align=right>Shin-Etsu Part Number:</td>
<td align=left>
  <cfif Not isDefined('form.select_Part')>
    <select name="Part">
    <option selected value="">Part Number</option>
    <option value="MT0.1Px50x50x0.75T">MT0.1Px50x50x0.75T</option>
  <option value="MT4x0.05Px50x50x0.5T">MT4x0.05Px50x50x0.5T</option>
  <option value="MTP4x0.05Px15x50x0.25T">MTP4x0.05Px15x50x0.25T</option>
  <option value="MT0.1Px56x56x0.5T">MT0.1Px56x56x0.5T</option>
  </select>
    </cfif>
    </td>
</tr>

<tr>
<td class="edit" align="right">X_mm:</td>
<td>
<cfif Not isDefined('form.select_X')>
<input type="text" name="X" size="50">
</cfif>
</td>
</tr>

<tr>
<td class="edit" align="right">Y_mm:</td>
<td>
<cfif Not isDefined('form.select_Y')>
<input type="text" name="Y" size="50">
</cfif>
</td>
</tr>

<tr>
<td> </td>
<td>

<!------------------ SUBMIT/RESET FORM ------------------>
<input type="submit" onChange="this.form.submit()" value="Add"> 
<input type="reset" value="Reset">
</td>
</tr>

</table>

</form>


<cfif isDefined('page.select_Part') and isDefined('page.select_X') and isDefined('page.select_Y')>
<tr>
<td> </td>
<td><table cellpadding="4"> <td>Info:</td>
<td>#X#</td>
<td>#Y#</td>
<td>#Part#</td>

<cfset Price = Int(50/X)>
<td>#Price#</td>

</tr>
</cfif>
</CFOUTPUT>

安迪