2011-10-05 104 views
0

嗨我试图将我的HTML/PHP/JS/XML页面迁移到一个PHP文件。我能够单独成功地使用4个文件创建我的应用程序,但是当我将它们放入一个时,似乎我的js和php处于冲突状态,并且如果有方法我可以使单选按钮默认设置为无选项,因为我猜猜这就是问题所在。如何阻止一个PHP页面重新加载并重新加载其属性?

嗯,我已经解决了有关单选按钮的问题,无论如何,我试图让他们都在一个页面上,因为我试图模仿本地程序的输出,我意识到这一个,当我看到输出我第一次尝试。所以我现在想要做的是在运行php代码后我想把它们放在一个div中,这样它们就不会飞到所有的地方。我已经解决了这个部分,但我现在的问题是当我选择我的选项中的下一个单选按钮时,先前请求的结果仍然存在,除非我单击我的提交按钮。我猜测它与我传递给我的html正文的js有关。试图在js中修复div问题是可以的,但它只是在一瞬间显示div。

这里是我的代码:

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Globe2Smac</title> 
    <link rel="stylesheet" href="css/mycss.css" type="text/css"> 
    <script src="js/hide.js" type="text/javascript"></script> 
    </head> 
    <body onLoad=""> 
    <h2>Globe to SMAC Function</h2> 
      <form method="post" action=""> 
      <div> 
      <ul style="list-style:none"> 
       <li><input id="smember" type ="radio" name ="option" value = "SmacMembers" onChange="SMmember()" checked/>SMAC MEMBERS</li> 
       <li><input id="sbalance"type ="radio" name ="option" value = "SmacBalance" onChange="SMbalance()" checked/>SMAC BALANCE QUERY</li> 
       <li><input id="saward" type ="radio" name ="option" value = "SmacAward" onChange="SMaward()" checked/>SMAC AWARD</li> 
       <li><input id="sredemption" type ="radio" name ="option" value = "SmacRedeem" onChange="SMredeem()" checked/>SMAC REDEMPTION</li> 
      </ul> 
       <div>Globe XML RPC Request:</div> 
       <div id="smmember" class="div-border" style="display:none"><textarea id="areamember" name="gmember" value="Member" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.members</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_members&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521960565&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;12345678&amp;lt;/transaction_id&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
       <div id="smbalancequery"class="div-border" style="display:none"><textarea id="areabalance" name="gbalance" value="Balance" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.balance_query</methodName> 
<params> 
<param><value><string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_balance_query&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521960565&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;birthday&amp;gt;01011900&amp;lt;/birthday&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;2011-09-16 13:43:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string></value></param> 
</params> 
</methodCall> 
</textarea></div> 
       <div id="smaward" class="div-border"style="display:none"><textarea id="areaward" name="gaward" value="Award" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.award_points</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_award_points&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521060440&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;transaction_amount&amp;gt;100&amp;lt;/transaction_amount&amp;gt; 
&amp;lt;transaction_code&amp;gt;OFLN-GLOBE&amp;lt;/transaction_code&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;2011-09-22 16:20:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
       <div id="smredemption" class="div-border"style="display:none"><textarea id="arearedeem" name="gredeem" value="Redeem" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.redemption_points</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_redemption_points&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521060440&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;transaction_amount&amp;gt;10&amp;lt;/transaction_amount&amp;gt; 
&amp;lt;transaction_code&amp;gt;OFLN-GLOBE&amp;lt;/transaction_code&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;20110921 16:20:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
<div id="submit"><input type="submit" name="Submit" value="Submit Query"></div> 
<div>Globe XML Response:</div> 
<div class="div-border"><?php 
    if($_POST['option'] == "SmacMembers"){ 
    $member = $_POST['gmember']; 
    $URL = 'https://localhost/globe2smac-fh3/api/'; 
    $ch = curl_init($URL); 
    //curl_setopt($ch, CURLOPT_URL, "https://localhost/globe2smac-fh3/api"); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/html')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, $member); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 2); 
    $MemResult = curl_exec($ch); 
    curl_close($ch); 
    } 
    else if($_POST['option'] == "SmacBalance"){ 
    $balance= $_POST['gbalance']; 
    echo $balance; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$balance"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $BalResult= curl_exec($ch); 
    curl_close($ch); 

    echo $output; 

    } 
    else if($_POST['option'] == "SmacAward"){ 
    $award=$_POST['gaward']; 
    echo $award; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$award"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $output = curl_exec($ch); 
    curl_close($ch); 

    echo $output; 
    } 
    else if($_POST['option'] == "SmacRedeem"){ 
    $redeem=$_POST['gredeem']; 
    echo $redeem; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$redeem"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $RedResult = curl_exec($ch); 
    curl_close($ch); 

    echo $output; 
    } 
    else{ 
    echo('Option not Found'); 
} 
?></div> 
       </div> 
      </form> 
     </body> 
    </html> 

重新更新了我的代码如下:

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Globe2Smac</title> 
    <link rel="stylesheet" href="css/mycss.css" type="text/css"> 
    <script src="js/hide.js" type="text/javascript"></script> 
    </head> 
    <body onLoad="siteLoad();"> 
    <h2>Globe to SMAC Function</h2> 
      <form method="post" action=""> 
      <div> 
      <ul style="list-style:none"> 
       <li><input id="smember" type ="radio" name ="option" value = "SmacMembers" onChange="SMmember()" />SMAC MEMBERS</li> 
       <li><input id="sbalance"type ="radio" name ="option" value = "SmacBalance" onChange="SMbalance()"/>SMAC BALANCE QUERY</li> 
       <li><input id="saward" type ="radio" name ="option" value = "SmacAward" onChange="SMaward()"/>SMAC AWARD</li> 
       <li><input id="sredemption" type ="radio" name ="option" value = "SmacRedeem" onChange="SMredeem()"/>SMAC REDEMPTION</li> 
      </ul> 
       <div>Globe XML RPC Request:</div> 
       <div id="smmember" class="div-border" style="display:none"><textarea id="areamember" name="gmember" value="Member" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.members</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_members&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521960565&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;12345678&amp;lt;/transaction_id&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
       <div id="smbalancequery"class="div-border" style="display:none"><textarea id="areabalance" name="gbalance" value="Balance" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.balance_query</methodName> 
<params> 
<param><value><string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_balance_query&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521960565&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;birthday&amp;gt;01011900&amp;lt;/birthday&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;2011-09-16 13:43:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string></value></param> 
</params> 
</methodCall> 
</textarea></div> 
       <div id="smaward" class="div-border"style="display:none"><textarea id="areaward" name="gaward" value="Award" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.award_points</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_award_points&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521060440&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;transaction_amount&amp;gt;100&amp;lt;/transaction_amount&amp;gt; 
&amp;lt;transaction_code&amp;gt;OFLN-GLOBE&amp;lt;/transaction_code&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;2011-09-22 16:20:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
       <div id="smredemption" class="div-border"style="display:none"><textarea id="arearedeem" name="gredeem" value="Redeem" spellcheck="false"> 
&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
<methodCall> 
<methodName>smac.redemption_points</methodName> 
<params> 
<param> 
<value> 
<string> 
&amp;lt;?xml version="1.0"?&amp;gt; 
&amp;lt;globetosmac&amp;gt; 
&amp;lt;functioncode&amp;gt;smac_redemption_points&amp;lt;/functioncode&amp;gt; 
&amp;lt;cardnumber&amp;gt;8880999521060440&amp;lt;/cardnumber&amp;gt; 
&amp;lt;transaction_id&amp;gt;1441795&amp;lt;/transaction_id&amp;gt; 
&amp;lt;transaction_amount&amp;gt;10&amp;lt;/transaction_amount&amp;gt; 
&amp;lt;transaction_code&amp;gt;OFLN-GLOBE&amp;lt;/transaction_code&amp;gt; 
&amp;lt;transactiondatetime&amp;gt;20110921 16:20:58&amp;lt;/transactiondatetime&amp;gt; 
&amp;lt;/globetosmac&amp;gt; 
</string> 
</value> 
</param> 
</params> 
</methodCall></textarea></div> 
<div id="submit"><input type="submit" name="Submit" value="Submit XML Request"></div> 
<div>Globe XML Response:</div> 
<div class="div-border"><?php 
    if($_POST['option'] == "SmacMembers"){ 
    $member = $_POST['gmember']; 
    $URL = 'https://localhost/globe2smac-fh3/api/'; 
    $ch = curl_init($URL); 
    //curl_setopt($ch, CURLOPT_URL, "https://localhost/globe2smac-fh3/api"); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/html')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, $member); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 2); 
    $MemResult = curl_exec($ch); 
    curl_close($ch); 
    echo $MemResult; 
    } 
    else if($_POST['option'] == "SmacBalance"){ 
    $balance= $_POST['gbalance']; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$balance"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $BalResult= curl_exec($ch); 
    curl_close($ch); 
    echo $BalResult; 

    } 
    else if($_POST['option'] == "SmacAward"){ 
    $award=$_POST['gaward']; 
    echo $award; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$award"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $Awresult= curl_exec($ch); 
    curl_close($ch); 

    echo $Awresult; 
    } 
    else if($_POST['option'] == "SmacRedeem"){ 
    $redeem=$_POST['gredeem']; 
    echo $redeem; 
    $URL = "https://localhost/globe2smac-fh3/api/"; 

    $ch = curl_init($URL); 
    curl_setopt($ch, CURLOPT_MUTE, 1); 
    curl_setopt($ch, CURLOPT_USERPWD, "michael:kel"); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); 
    curl_setopt($ch, CURLOPT_POST, 1); 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml')); 
    curl_setopt($ch, CURLOPT_POSTFIELDS, "$redeem"); 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
    $RedResult = curl_exec($ch); 
    curl_close($ch); 

    echo $RedResult; 
    } 
    else{ 
    echo('Processing Requests...'); 
} 
?></div> 
       </div> 
      </form> 
     </body> 
    </html> 
+0

删除'checked'属性?对不起,我不清楚是什么问题 –

回答

0

那么现在你把所有的单选按钮设置为选中状态;

<input type="radio" ... checked /> 

所有正确的语法首先是:

<input type="radio" ... checked="checked" /> 

而且可以肯定的只有一个单选按钮被选中(它在单选按钮:)的性质),或者使用复选框

就一个问题;你为什么要把所有东西合并成一个文件?为了可维护性,大多数情况下分隔你的代码是一个不错的主意!

+0

我在我的文章中包含了我对你问题的回复,因为我没有足够的字符来将它写为注释XD。 –