創建一個系統，顯示您的複選框選擇後，表格提交

我創建了幾個複選框選項，可以選擇和提交。根據選擇，執行某個SQL語句。創建一個系統，顯示您的複選框選擇後，表格提交

雖然，我想做一些奇特的框，顯示錶單提交後（複選框）選擇。我認爲JavaScript是它的方式，雖然我是開放的所有解決方案（php，jquery等）

我已經創建了一些東西，但是這顯示了選擇的時刻，它正在選擇，當表單被提交的選擇顯示框將會消失。

我現在擁有的一切： 的HTML

<form method="post"> 
    <div id="list4" class="dropdown-check-list"> 
     <span class="anchor">Select stage of Living Lab</span> 
     <ul class="items"> 
       <li><input type="checkbox" name="columns_stage[]" value="Starting phase" id="Starting-Phase" onclick="displaySelectedCheckBox(this)" />Starting phase</li> 
       <li><input type="checkbox" name="columns_stage[]" value="Running phase" id="Running-Phase" onclick="displaySelectedCheckBox(this)" />Running phase</li> 
       <li><input type="checkbox" name="columns_stage[]" value="Completed" id="Completed" onclick="displaySelectedCheckBox(this)" />Completed</li> 
       <li><input type="checkbox" class="select-all" id="select-all" value="Select/deselect all"/>Select/deselect all</li> 
     </ul> 
    </div> 

<input type="submit" name="go" value="Submit" onclick="displaySelectedCheckBox(this)"/> 
</form>

的JavaScript：

<script type="text/javascript"> 

function displaySelectedCheckBox(id) { 
    if (id.checked) { 
     if (document.getElementById(id.value + "-disp")) { 
      document.getElementById(id.value + "-disp").innerHTML = id.value; 
     } else { 
      document.getElementById("displayHere").innerHTML = document.getElementById("displayHere").innerHTML + '<p id="' + id.value + '-disp" >' + id.value + '</p>'; 
     } 
    } else { 
     document.getElementById(id.value + "-disp").innerHTML = ""; 
    } 
} 

</script>

HTML的其他位表示選擇（現在比較標準進行測試）：

<div id="displayHere"> 

</div>

所以問題是，我怎樣才能使代碼工作，以便它顯示選擇後，表單被提交，而不是在它被選中的時間（兩者會更好，選擇可見的時候，它是選擇並在提交表格後）。

預先感謝您！

來源

2014-09-25 Nicolas

內聯php是答案（因爲你的表單方法是「post和你的表單動作是空白的，它會發布到自己......所以如果表單已經提交，數據是可用的）當你發佈表單，只是檢查是否這些變量後設置，如果他們是那麼的帶有回聲顯示出來......

<div id="displayHere"><?php if(isset($_POST['columns_stage1'])){echo $_POST['columns_stage1'] . ' was selected';} ?></div>

只記得交變量「名稱」屬性命名的，所以一定要確保它們被命名爲不同的否則最後一組將會佔上風。

來源

2014-09-25 13:37:27 Pellmellism

創建一個系統，顯示您的複選框選擇後，表格提交

回答

相關問題