2013-09-27 108 views
0

我有一個名爲sendform.php的文件,它包含一個POST數據並通過郵件發送的表單。將javascript值傳遞給php並將其POST(同一文件)

現在我有一個JavaScript函數,可以將4個不同的選擇字段的選擇選項相乘。

 <script language="javascript"> 
     function Calculate() 
     { 
      var h = document.getElementById('bedrag-bol').value; 
      var l = document.getElementById('aantal-bol').value; 
      var h2 = document.getElementById('bedrag-gamma').value; 
      var l2 = document.getElementById('aantal-gamma').value; 
      var h3 = document.getElementById('bedrag-douglas').value; 
      var l3 = document.getElementById('aantal-douglas').value; 
      var h4 = document.getElementById('bedrag-bartsmit').value; 
      var l4 = document.getElementById('aantal-bartsmit').value; 
      var result = h * l * 10 + h2 *l2 * 10 + h3 * l3 * 10 + h4 * l4 * 10; 
      document.getElementById('totaal').innerHTML = result; 
     } 
    </script> 
        <form name="aanvraag" method="post" action="index.php?p=<?php echo $_GET['p']; ?>&amp;action=checkform"> 
        <table width="700" cellpadding="3" cellspacing="3"> 
    <tr> 
     <td><img src="bestanden/spaaractie/bol.png" /></td> 
     <td><img src="bestanden/spaaractie/gamma.png" /></td> 
     <td><img src="bestanden/spaaractie/douglas.png" /></td> 
     <td><img src="bestanden/spaaractie/bartsmit.png" /></td> 
    </tr> 
    <tr> 
     <td><select id="bedrag-bol" name="bedrag-bol" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies uw bedrag</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bol']) == "5") {echo "selected='selected'"; } ?>>&euro; 5,00</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bol']) == "10") {echo "selected='selected'"; } ?>>&euro; 10,00</option> 
       <option value="25" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bol']) == "25") {echo "selected='selected'"; } ?>>&euro; 25,00</option> 
       <option value="50" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bol']) == "50") {echo "selected='selected'"; } ?>>&euro; 50,00</option> 
      </select> 
     </td> 
     <td><select id="bedrag-gamma" name="bedrag-gamma" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies uw bedrag</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-gamma']) == "5") {echo "selected='selected'"; } ?>>&euro; 5,00</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-gamma']) == "10") {echo "selected='selected'"; } ?>>&euro; 10,00</option> 
       <option value="25" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-gamma']) == "25") {echo "selected='selected'"; } ?>>&euro; 25,00</option> 
       <option value="50" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-gamma']) == "50") {echo "selected='selected'"; } ?>>&euro; 50,00</option> 
      </select> 
     </td> 
     <td><select id="bedrag-douglas" name="bedrag-douglas" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies uw bedrag</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-douglas']) == "10") {echo "selected='selected'"; } ?>>&euro; 10,00</option> 
       <option value="25" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-douglas']) === "25") {echo "selected='selected'"; } ?>>&euro; 25,00</option> 
       <option value="50" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-douglas']) == "50") {echo "selected='selected'"; } ?>>&euro; 50,00</option> 
      </select> 
     </td> 
     <td><select id="bedrag-bartsmit" name="bedrag-bartsmit" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies uw bedrag</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bartsmit']) == "5") {echo "selected='selected'"; } ?>>&euro; 5,00</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bartsmit']) === "10") {echo "selected='selected'"; } ?>>&euro; 10,00</option> 
       <option value="25" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bartsmit']) == "25") {echo "selected='selected'"; } ?>>&euro; 25,00</option> 
       <option value="50" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['bedrag-bartsmit']) == "50") {echo "selected='selected'"; } ?>>&euro; 50,00</option> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td><select id="aantal-bol" name="aantal-bol" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies het aantal</option> 
       <option value="1" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "1") {echo "selected='selected'"; } ?>>1</option> 
       <option value="2" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "2") {echo "selected='selected'"; } ?>>2</option> 
       <option value="3" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "3") {echo "selected='selected'"; } ?>>3</option> 
       <option value="4" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "4") {echo "selected='selected'"; } ?>>4</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "5") {echo "selected='selected'"; } ?>>5</option> 
       <option value="6" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "6") {echo "selected='selected'"; } ?>>6</option> 
       <option value="7" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "7") {echo "selected='selected'"; } ?>>7</option> 
       <option value="8" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "8") {echo "selected='selected'"; } ?>>8</option> 
       <option value="9" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "9") {echo "selected='selected'"; } ?>>9</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bol']) == "10") {echo "selected='selected'"; } ?>>10</option> 
      </select> 
     </td> 
     <td><select id="aantal-gamma" name="aantal-gamma" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies het aantal</option> 
       <option value="1" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "1") {echo "selected='selected'"; } ?>>1</option> 
       <option value="2" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "2") {echo "selected='selected'"; } ?>>2</option> 
       <option value="3" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "3") {echo "selected='selected'"; } ?>>3</option> 
       <option value="4" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "4") {echo "selected='selected'"; } ?>>4</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "5") {echo "selected='selected'"; } ?>>5</option> 
       <option value="6" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "6") {echo "selected='selected'"; } ?>>6</option> 
       <option value="7" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "7") {echo "selected='selected'"; } ?>>7</option> 
       <option value="8" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "8") {echo "selected='selected'"; } ?>>8</option> 
       <option value="9" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "9") {echo "selected='selected'"; } ?>>9</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-gamma']) == "10") {echo "selected='selected'"; } ?>>10</option> 
      </select> 
     </td> 
     <td><select id="aantal-douglas" name="aantal-douglas" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies het aantal</option> 
       <option value="1" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "1") {echo "selected='selected'"; } ?>>1</option> 
       <option value="2" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "2") {echo "selected='selected'"; } ?>>2</option> 
       <option value="3" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "3") {echo "selected='selected'"; } ?>>3</option> 
       <option value="4" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "4") {echo "selected='selected'"; } ?>>4</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "5") {echo "selected='selected'"; } ?>>5</option> 
       <option value="6" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "6") {echo "selected='selected'"; } ?>>6</option> 
       <option value="7" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "7") {echo "selected='selected'"; } ?>>7</option> 
       <option value="8" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "8") {echo "selected='selected'"; } ?>>8</option> 
       <option value="9" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "9") {echo "selected='selected'"; } ?>>9</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-douglas']) == "10") {echo "selected='selected'"; } ?>>10</option> 
      </select> 
     </td> 
     <td><select id="aantal-bartsmit" name="aantal-bartsmit" onChange="Calculate();"> 
       <option value="0" selected="selected">Kies het aantal</option> 
       <option value="1" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "1") {echo "selected='selected'"; } ?>>1</option> 
       <option value="2" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "2") {echo "selected='selected'"; } ?>>2</option> 
       <option value="3" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "3") {echo "selected='selected'"; } ?>>3</option> 
       <option value="4" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "4") {echo "selected='selected'"; } ?>>4</option> 
       <option value="5" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "5") {echo "selected='selected'"; } ?>>5</option> 
       <option value="6" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "6") {echo "selected='selected'"; } ?>>6</option> 
       <option value="7" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "7") {echo "selected='selected'"; } ?>>7</option> 
       <option value="8" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "8") {echo "selected='selected'"; } ?>>8</option> 
       <option value="9" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "9") {echo "selected='selected'"; } ?>>9</option> 
       <option value="10" <?php if(isset($_POST['Submitform']) && strip_tags($_POST['aantal-bartsmit']) == "10") {echo "selected='selected'"; } ?>>10</option> 
      </select> 
     </td> 
    </tr> 
</table> 
<div style="margin-left:15px; margin-top:20px;"><span id="totaal" style="color:#F00;">0</span></div> 

         <div id="fm-submit"> 
          <input name="Submitform" value="Verstuur" type="submit" /> 
         </div> 


</form> 

是否有可能POST POST JavaScript變量?我找到了一些關於它的文章,我知道這是可能的,但我無法弄清楚。

+0

你有沒有看到術語AJAX? [這裏是一個相當複雜的例子](http://stackoverflow.com/questions/10534441/javascript-ajax-request-vs-jquery-ajax),但谷歌_「XMLHttpRequest AJAX教程」_ –

+1

Ajax不需要這樣做。你也可以有一個''並更新它的'.value'。如果你想傳遞任何東西而不是一個字符串看看JSON。 – Christoph

+0

@Christoph:AJAX在這裏並不是必需的(沒有正確地閱讀這個問題),但是我對隱藏的領域不是太大。也許改變變化事件的價值屬性可能會更好? –

回答

0

感謝人的答覆的

這奏效了:

的Javascript:

document.aanvraag.totaal.value = result; //assign value to hidden input element. 

的Html

<input type="hidden" name="totaal" id="totaal" value="" /> 

@Christoph謝謝:)

0

見表格

<form name="aanvraag" method="post" action="" onsubmit="Calculate()"> 

在這裏寫下您所有的HTML和當您提交表格,然後才提交表格計算功能調用,並將其粘貼隱藏 總價值包括隱藏字段

<input type="hidden" name="totaal" id="totaal" value="" /> 

<input name="Submitform" value="Verstuur" type="submit" /> 

</form> 

字段,然後所有值與您的給定的URL發佈。