UL 在形式上不将数据发送到 $_POST

试试这个：

<div class="dropdown">
    <button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Account Type
    </button>
    <ul class="dropdown-menu animated fadeIn" role="menu" aria-labelledby="dLabel">
        <li class="animated lightSpeedIn"><a class="cl" href="#">Doctor</a></li>
        <li class="animated lightSpeedIn"><a class="cl" href="#">Patient</a></li>
    </ul>
</div>

JS代码：

$(".cl").click(function () {
     var val = $(this).html();
     $.post("test.php",{v:val},function (data){
       alert(data);
     });
 });

测试.php

<?php
if(isset($_POST["v"]) && $_POST["v"] != "") {
   echo $_POST["v"];
   exit;
}
?>

我假设您的 HTML 和 PHP 文件在同一个文件夹中。并且您已经在HTML中包含jQuery库。

<ul>和<li>不是发送值的表单标签，您需要改用<select>。

<select name="type">
  <option value="doctor">Doctor</option>
  <option value="patient">Patient</option>
</select>

在 <ul> <li> 标记中，无法选择值。如果您使用的是任何预定义的 jquery 库，那么您可以通过发布数据传递。否则，根据您的要求将ul li标签更改为"单选按钮或复选框或选择"。

使用以下代码我解决了问题

            <form action="account.php" class="popup-form" method="post">
                <input type="text" name="fname" class="form-control form-white" placeholder="Full Name">
                <input type="text" name="email" class="form-control form-white" placeholder="Email Address">
                <input type="text" name="username" class="form-control form-white" placeholder="User Name">
                <input type="password" name="passwrd" class="form-control form-white" placeholder="Password">
                <input class="span2" id="a_type" name="a_type" type="hidden">
                <div class="dropdown">
                    <button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Account Type
                    </button>
                    <ul class="dropdown-menu animated fadeIn" role="menu" aria-labelledby="dLabel">
                        <li onclick="$('#a_type').val('Doctor'); $('#searchForm').submit()" class="animated lightSpeedIn"><a class="cl" href="#">Doctor</a></li>
                        <li onclick="$('#a_type').val('Patient'); $('#searchForm').submit()" class="animated lightSpeedIn"><a class="cl" href="#">Patient</a></li>
                    </ul>
                </div>
                <div class="checkbox-holder text-left">
                    <div class="checkbox">
                        <input type="checkbox" value="None" id="squaredOne" name="check" />
                        <label for="squaredOne"><span>I Agree to the <strong>Terms &amp; Conditions</strong></span></label>
                    </div>
                </div>
                <input type="submit" class="btn btn-submit"></input>
            </form>

在 li 标记中添加一个属性。例：

<li class="animated lightSpeedIn" name_pressed="Doctor"><a href="#">Doctor</a></li>

我假设您有一个单击li的事件.如果没有，您可以添加一个类。当您单击具有相应类的li时，请获取该属性。在此示例中，您将从name_pressed属性中获取"医生"，并在所需的页面上使用if重定向。

喜欢这个：

<li class="animated lightSpeedIn clickable_li" name_pressed="Doctor">Doctor</li>

和JavaScript：

$(".clickable_li").click(function (e) {
    var name = $(this).attr('name_pressed');
    if (name == 'Doctor') {
        //make something
    }
});

或者，您可以添加onClick事件。检查这个