Bootstrap 下拉提交表單

Question

我無法將我的下拉值提交到我的 php 頁面。

我試圖通過 javascripts 制作它，但它不起作用。

這是代碼`

    <div class="col-md-6"><h5>Select your desired shape</h5></div>

    <div class="col-md-2">
    <input class="span2" id="search_type" name="search_type" type="hidden" >
    <div class="btn-group" name="shape" id="shape">
             <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" name="shape">
               <span data-bind="label">Shapes</span>&nbsp;<span class="caret"></span>
             </button>
             <ul class="dropdown-menu" role="menu" name="shape">
               <li onclick="$('#search_type').val('sphere'); $('#submitForm').submit()"><a href="#"> Sphere</a></li>
               <li><a href="#">Cylinder</a></li>
               <li><a href="#">Cube</a></li>
               <li><a href="#">Cuboid</a></li>
             </ul>
           </div>

    </div>

</div>`

和表單聲明是

<form action="submit.php" name="submitForm" id="submit" method="post" role="form" id="submitForm">

我無法解決它。

如果可能，請給我一些包含下拉值的引導程序表單示例。

Answer 1

您的代碼正在運行：

<div class="col-md-6"><h5>Select your desired shape</h5></div>

    <div class="col-md-2">
    <input class="span2" id="search_type" name="search_type" type="hidden" >
    <div class="btn-group" name="shape" id="shape">
             <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" name="shape">
               <span data-bind="label">Shapes</span>&nbsp;<span class="caret"></span>
             </button>
             <ul class="dropdown-menu" role="menu" name="shape">
               <li onclick="$(alert('it works!')).val('sphere'); $('#submitForm').submit()"><a href="#"> Sphere</a></li>
               <li><a href="#">Cylinder</a></li>
               <li><a href="#">Cube</a></li>
               <li><a href="#">Cuboid</a></li>
             </ul>
           </div>

    </div>

</div>`

開始使用 PHP 時要記住的一些事情是，如果您在本地運行，則必須在地址欄中鍵入地址以啟動 php，您不能只打開 index.php 文件並期望 php 工作。

但同樣，您的前端正在工作。 您的 PHP 已關閉。

也許添加<li onclick input type="submit" method= "post" action="phpfile" name="sphere"><a href="index.php"> Sphere</a></li>

這帶來了另一個潛在的問題。 前端需要 Ajax 嗎？ 現在的方式是用戶將提交並從您的頁面重定向到新頁面。 目標是將它們保留在頁面上嗎？ 這將需要更多的文件，然后是引導索引和一些 php。

我希望這有幫助。