HTML ui/li按鈕表單提交

我正在嘗試使用選擇器創建動態按鈕，並且我將在按鈕下拉列表中選擇的按鈕將被提交到下一頁。但它不起作用，我無法檢索按鈕中選擇的內容。以某種形式提交此類數據的正確方法是什麼？HTML ui/li按鈕表單提交

我提交表單的PHP頁面，而得到它使用$ _ POST [「packageType」]，發現here以下方法：

onclick="myForm.myVariable.value='foo';myForm.submit();"

它是合法的或者有更好的辦法做這樣的動態值提交？

enter image description here

<form action="target.php" method="post" id="1111"> 
<input id="packageType" type="hidden" name="packageType" value="N/A"/> 

<div class="btn-group"> 
    <button type="button" class="btn btn-success btn-xs">Add Plan</button> 
    <button type="button" class="btn btn-success dropdown-toggle btn-xs" data-toggle="dropdown" aria-expanded="false"> 
     <span class="caret"></span> 
     <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu package-selector" role="menu"> 
     <li><a href="#" onclick="1111.packageType.value='basic';1111.submit();">Type 1</a></li> 
     <li><a href="#" onclick="1111.packageType.value='premium';1111.submit();">Type 2</a></li> 
    </ul> 
</div>

來源

2015-02-09 Dmitry R

你使用Javascript或PHP來獲得傳遞到下一頁的價值，你是如何通過它？您可以提供的相關信息越多，人們就越容易幫助您。 – NewToJS 2015-02-09 22:34:21

當我看到它很快，（因爲你的引導代碼設置正確，只要）你的解決方案可以工作。你如何引用你的表格「1111」只是一個問題。

嘗試重寫你的UL /李標籤一樣，

<ul class="dropdown-menu package-selector" role="menu"> 
    <li><a href="#" onclick="document.getElementById('1111').packageType.value='basic';document.getElementById('1111').submit();">Type 1</a></li> 
    <li><a href="#" onclick="document.getElementById('1111').packageType.value='premium';document.getElementById('1111').submit();">Type 2</a></li> 
</ul>

的document.getElementById('1111')搜索形式和引用它。 JavaScript直接不瞭解1111。

還有其他一些方法來引用表單。例如document.forms[0]，但由於您的表單中有id屬性，因此這是最簡單的方法。作爲一個方面說明：我會建議不要使用以數字開頭的ID（例如，用myform1111或類似的替換1111）。

來源

2015-02-10 15:57:36 Mat

HTML ui/li按鈕表單提交

回答

相關問題