获取Bootstrap下拉值以保存到数据库并显示在表中

问题描述:

我在获取Bootstrap ul列表以单击存储值到数据库时遇到问题,然后显示它们。我有我的索引页面有一些字段,然后下拉菜单。用户将文本放入字段并从下拉列表中进行选择,当您单击该按钮页面刷新并将数据显示在表格中时。获取Bootstrap下拉值以保存到数据库并显示在表中

我不想使用,因为我想要一致地设置下拉式样。

当我测试它与它保存的数据,但没有运气与无序列表。

我已经搜索了解决方案并阅读文档,但无法找到任何可能与我的设置相匹配的信息,并且我在PHP中不流利。这里有一些片段。如果需要更多,我会提供。谢谢阅读。

形式:

<form action="parts/insert.php" method="post" role="form"> 
    <select name="prep" id="prep"> 
     <option value="">Preparation</option> 
     <option value="0 - 10 mins" >0 - 10 minutes</option> 
     <option value="11 - 30 mins">11 - 30 minutes</option> 
     <option value="One hour +">One hour +</option> 
    </select> 

    <input class="submit btn btn-block btn-lg btn-primary" name="submit" type="submit" value="Add" /> 
</form> 

当问题似乎是:

<?php 
    $query = mysql_query("SELECT `id`, `prep`, FROM `food` ORDER BY food ASC"); 
    while($row = mysql_fetch_array($query)) { 
?> 

<tr> 
    <td><?php echo $row['prep']; ?></td> 
</tr> 

insert.php:

$connection = mysql_connect("hostname", "username", "password"); 

    $db = mysql_select_db("databasename", $connection); 

if(isset($_POST['submit'])){ 
    $prep = $_POST['prep']; 
    if($food !=''){ 
     $query = mysql_query("insert into food(prep) value ('$prep')"); 
     require_once header("Location: ../index.php"); 
    } else { 
     echo "<p>Please fill out all fields</p>"; 
    } 
} 

mysql_close($connection); 
+1

有**没有更多的支持**为'mysql_ *'功能,分别是[**正式弃用**](https://开头的wiki。 php.net/rfc/mysql_deprecation),**不再维护**,并将[**删除**](http://php.net/manual/en/function.mysql-connect.php#warning)未来。您应该使用[PDO](http://php.net/pdo)或[MySQLi](http://php.net/mysqli)更新您的代码,以确保您的项目未来的功能。 – misterManSam

+0

谢谢。这是否会影响我过去为其他项目编写的PHP?这也不完全回答我的问题。 – bunnycode

+0

您在哪里定义$食物? – kakajan

正如misterManSam说,看看库MySQLi或PDO的新方法。

它看起来像$食品没有被定义在你的表单动作,所以你的查询没有运行。你可能想键入$准备

if(isset($_POST['submit'])){ 
    $prep = $_POST['prep']; 
    if($prep !=''){ 
     $query = mysql_query("insert into food(prep) value ('$prep')"); 
     require_once header("Location: ../index.php"); 
    } else { 
     echo "<p>Please fill out all fields</p>"; 
    } 
}