2012-05-31 53 views
1

我有一張表格,用於從一系列單選按鈕中進行選擇。在echo中顯示選定選項的結果(PHP表格)

(說明:表可以作爲一系列按鈕,通過使用的onClick命令,例如:

... 
     <td onClick="answer7()" background="images/button-bg7.png" width="100"><div align="center"><span class="style4">Activities</span></div></td> 
      <td onClick="answer8()" background="images/button-bg8.png" width="100"><p align="center" class="style2">Suggestions/ Ideas</p>   </td> 
      <td onClick="answer9()" background="images/button-bg9.png" width="100"><div align="center"><span class="style2">Repairs</span></div></td> 
... 

這將選擇來自一系列隱藏字段,基本上隱藏的單選按鈕(例如:

 <input type="hidden" name="RadioGroup1" value="Activities" id="RadioGroup1_6" /> 
Activities</label> 
     <br /> 
     <label> 
     <input type="hidden" name="RadioGroup1" value="Suggestions" id="RadioGroup1_7" /> 
Suggestions</label> 
     <br /> 
     <label> 
     <input type="hidden" name="RadioGroup1" value="Repairs" id="RadioGroup1_8" /> 
Repairs</label> 

此HA已經過測試並且運行良好 - 表中的按鈕的確可以從隱藏的無線電領域中選擇正確的選項。

現在,我想進一步構建一個句子下來,告訴他們,他們選擇的是哪一個,例如「請你繼續選擇的選擇下面的問題:」形式

我想我需要使用Javascript或jQuery,但無法考慮如何構建它。

任何想法?

回答

0

作爲第一個評論,如果您要爲所有這些元素創建一個onClick處理程序,它會更簡單。點擊時獲取你的td的id屬性(當然你必須設置它),那麼你將不需要隱藏的字段,同時你可以選擇用戶做出的選擇。事情是這樣的:

<table> 
    <tr> 
     <td class="myClick" id="Activities"> Press here </td> 
    </tr> 
    <tr> 
     <td class="myClick" id="Repairs"> Press here aswell </td> 
    </tr> 
</table> 

Althought它不必是ID屬性你改變,你可以用別的東西以及。 jQuery的啓發:

$("td.myClick").click(function() { alert("You clicked: " + $(this).attr("id")); }); 

這應該是它的開始,您可以更改警報部分使用jQuery編輯另一個DIV(提示是使用的.html()函數),它應該是相當簡單的。請詢問您是否需要更多信息。

+0

好的,那可以工作。我去隱藏字段的原因是,最終,表單將被提交給數據庫。這對您提出的解決方案有影響嗎?或者,如果失敗了,您提出的解決方案能否修改爲符合我的初始形式? (請原諒n00b評論...!) – user1259798

+0

如果你要提交這個信息到當前形式的數據庫,你會得到所有隱藏的領域,我猜不是你想要的?您可以向您添加數據的頁面發出AJAX請求,或者您可以隨時使用收集的數據創建表單,並在用戶完成後使用添加的提交按鈕提交表單。我會推薦做AJAX方法。 – lfxgroove

+0

實際上,我確實需要添加隱藏字段中的數據 - 我將它們隱藏的唯一原因是我想設計自己的「單選按鈕」(即表格),而不是使用標準單選按鈕。數據本身仍然需要收集(因此onClick動作設置隱藏的單選按鈕的值)。這有意義嗎? – user1259798