Bootstrap 下拉提交表单答案

【问题标题】：Bootstrap drop-down submit formBootstrap 下拉提交表单
【发布时间】：2015-10-10 19:31:50
【问题描述】：

我无法将下拉值提交到我的 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">

我无法解决它。

如果可能的话，请给我一些包含下拉值的引导表单示例。`

【问题讨论】：

标签： javascript php jquery forms twitter-bootstrap

【解决方案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。

我希望这会有所帮助。

【讨论】：