php - 如何在 php 中获取和存储菜单值

Question

首先抱歉我的英语不好。 below is my form image我的“我的网站”中有一个表单，首先如何从菜单到文本框获取值，然后使用 Php 将值存储到数据库中。我已附上我的代码和图像。我是 Php 的初学者。请帮助我

HTML 代码

 <div class="taxi-form-full">
        <div class="container"> 
            <form  method="POST"  action="">
                <div class="menu-types">
                    <a href="#" data-value="Standart" class="type-1 active">Standart</a>
                    <a href="#" data-value="Business" class="type-2">Business</a>
                    <a href="#" data-value="VIP" class="type-3 red">Vip</a>
                    <a href="#" data-value="Bus" class="type-4">Bus-Minivan</a>

                </div>
                <div class="row forms">
                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" id="searchTextSrc" name="source" value="" placeholder="From Address..." class="ajaxField"><span class="fa fa-map-marker"></span>
                            <input type="hidden" id="citySrc" name="citySrc" />
                            <input type="hidden" id="cityLatSrc" name="cityLatSrc" />
                            <input type="hidden" id="cityLngSrc" name="cityLngSrc" />
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" id="searchTextDes" name="destination" value="" placeholder="To..." class="ajaxField"><span class="fa fa-map-marker"></span>
                            <input type="hidden" id="cityDes" name="cityDes" />
                            <input type="hidden" id="cityLatDes" name="cityLatDes" />
                            <input type="hidden" id="cityLngDes" name="cityLngDes" />
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" id="phone" name="phone" value="" placeholder="Phone Number" class="ajaxField required"><span class="fa fa-phone"></span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">

                            <input type="text" id="text" name="datetime" value="" placeholder="Date and Time" class="ajaxField js-datetimepicker"><span class="fa fa-calendar"></span>
                        </div>
                    </div>
                </div>
                <input type="submit" name="submit" value="submit" class="btn btn-lg btn-red aligncenter">

            </form>
        </div>
    </div>

PHP 代码

    <?php
 $hname = 'localhost';
    $uname = 'root';
    $pword ='';
    $dbase ='sample';
$con = mysqli_connect($hname, $uname , $pword ,$dbase );
  if ($con->connect_error) {
            die("Connection failed: " . $con->connect_error);
        }
if(isset($_POST['submit'])){
$phone = $_POST['phone'];
$datetime = $_POST['datetime'];
$query = mysqli_query($con,"insert into test(phone, datetime) values ('$phone', '$datetime')");

}

Answer 1

您可以使用单选字段，而不是使用 anchor 作为导航的一部分。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

然后，这将向您发送通过 $_POST 变量选择的相应菜单项。

<label class="type-1">
    <input type="radio" name="menu" value="Standart" checked /> Standart
</label>
<label class="type-2">
    <input type="radio" name="menu" value="Business" /> Business
</label>
<label class="type-3 red">
    <input type="radio" name="menu" value="VIP" /> Vip
</label>
<label class="type-4">
    <input type="radio" name="menu" value="Bus" /> Bus-Minivan
</label>

在 PHP 中，您将收到基于选中的选项的值。

<?php
$menu = $_POST['menu'];

您需要更改 radio 字段的样式以匹配您的 anchor 。由于输入位于标签内，您可以设置标签的样式并隐藏输入字段以保持相同的外观和感觉。 Styling radio button

此方法比使用 JavaScript 捕获点击并将值注入(inject)文本字段更具吸引力，因为它可以使用或不使用 JavaScript。