Question

我想创建名为business和individual的按钮，这些按钮在初始阶段隐藏，一旦用户输入搜索按钮，业务和个人应该可见，并且应该搜索为该特定按钮分类的内容。我怎样才能做到这一点？以下是我的HTML代码：

我的搜索按钮将检索以下内容（PHP中的SELECT查询）。
检索后，将显示“业务”和“个人”按钮。

在可见性之后，此人可以点击“商家”或“个人”，点击其中任何一个按钮即可获取某些数据

if(isset($_POST["submit"]))
{
    $category_name=$_POST['category'];
        if(isset($_POST['sub_category'])){
            $sub_category=$_POST['sub_category'];
            $sql_c="SELECT sub_category_id FROM sub_category WHERE sub_category_name='".$sub_category."'";
                $res_c=$mysqli->query($sql_c);
                if(!$res_c)
                {
                    echo "Error: (" . $mysqli->errno . ") " . $mysqli->error;
                }
                $row_c=$res_c->fetch_assoc();
                $sub_category_id=$row_c["sub_category_id"];
        }
    $city_name=$_POST['city'];
        $sql_a="SELECT category_id FROM category WHERE category_name='".$category_name."'";
        $res_a=$mysqli->query($sql_a);
        if(!$res_a)
        {
            echo "Error: (" . $mysqli->errno . ") " . $mysqli->error;
        }
        $row_a= $res_a->fetch_assoc();
        $category_id=$row_a["category_id"];

        $sql_b="SELECT city_id FROM cities WHERE city_name='".$city_name."'";
        $res_b=$mysqli->query($sql_b);
        if(!$res_b)
        {
            echo "Error: (" . $mysqli->errno . ") " . $mysqli->error;
        }
        $row_b=$res_b->fetch_assoc();
        $city_id=$row_b["city_id"]; 
}?>

分类：＆＃34;＆gt; 子类别：＆＃34;＆GT; 地点：＆＃34;＆gt; 商业个人搜索

Answer 1

type="submit"会刷新您的页面，因此我建议您更改它type="button"

为按钮添加样式并添加一些类：

<button type="button" name="submit" class="success-btn display" style="display:none">Business</button>
<button type="button" name="submit" class="success-btn display" style="display:none">Individual</button>

和onclick搜索显示：

<button type="button" name="submit" class="success-btn" onclick="displayBtn()">
Search</button>

您的脚本中的

function displayBtn(){
var btns=document.grtElementByClassName('display');
btns[0].style.display = 'block'; 
btns[1].style.display = 'block'; 
}

或者通过Jquery：

function displayBtn(){
  $('.display').show();
}

在这个function中，你可以像我对按钮那样进行搜索和显示/隐藏结果

在搜索上显示按钮并显示相同的结果

1 个答案: