如何将 2 个搜索表单合并在一起？

Question

我在 Wordpress 上做 my website。 我的网站上有 2 个单独显示的搜索表单，我想知道如何将它们合并为一个。

第一个搜索表单搜索产品First search form 第二个搜索产品的位置Second search form

很抱歉提出这个愚蠢的问题，感谢您的帮助：D

Answer 1

Javascript 是您开始学习所需的。它是网页设计必不可少的另一半。使用 Javascript，您可以从页面上的任何内容中获取价值。这是从两种不同形式的输入中提取值并将它们发布到您的 PHP 文件的基本代码。

<!--first form-->
<form>
    <input type="text" id="product" name="product">
</form>

<!--second form-->
<form>
    <input type="text" id="city" name="city">
</form>

<div id="result"></div>

<script>
function continuePost() {

    var product = encodeURIComponent(document.getElementById("product").value);
    var city = encodeURIComponent(document.getElementById("city").value);
    var params = "product="+product+"&city="+city;

  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {

        var myResponse = JSON.parse(this.responseText);  //send a JSON response back from your PHP file

        if(myResponse.hasOwnProperty('error')){
            document.getElementById("result").innerHTML = myResponse.error;
        }else{
            var result1 = myResponse.myResult1;
            var result2 = myResponse.myResult2[0];   //or whatever key and value pairs that you used in the JSON response that you sent back from you PHP file
            document.getElementById("result").innerHTML = result1;
        }

    }else{
      window.setTimeout(failed(), 3000);
    }
  };
  xhttp.open("POST", "yourPHPfile.php", true);
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.send(params);
}

function failed(){
      document.getElementById("result").innerHTML = 'Failed to connect to server.';
}
</script>

你的PHPfile.php

<?php

$obj = new stdClass();
     $obj->dateread = date("D M j G:i:s T Y");

if(!isset($_POST["product"])){
    $obj->error = 'No product.';
    echo json_encode($obj);
    exit;
}else {
    $product=$_POST["product"];
    }

if(!isset($_POST["city"])){
    $obj->error = 'No city.';
    echo json_encode($obj);
    exit;
}else {
    $city=$_POST["city"];
    }

$obj->myResult1 = 'Info you want back from your PHP file.';
$obj->myResult2 = ['array', 'of', 'info', 'you', 'want'];

echo json_encode($obj);

?>