(PHP)如何从下拉列表中获取值,并将变量用作html链接的一部分



首先创建下拉列表

然而,我不确定如何将所选选项(变量(作为html 输入的一部分


<p style="text-align:center"> CORONAVIRUS (COVID-19) Checker</p> 
<br>    
<label for="Country" >Choose a country: </label>
<select id="country" name="country">
<option value="Australia">Australia</option>
<option value="China">China</option>
<option value="Japan">Japan</option>
<option value="Singapore">Singapore</option>
<option value="Canada">Canada</option>
</select>
<button onclick="searchcovid()">Submit </button>

<p style="text-align:center">Covid Modules Map</p>
<div id=covidbing class="bingwidget" data-type="covid19_modules" data-modules='[{"_type": "map", "location-id":"/japan"}]'></div>
<script src="//www.bing.com/widget/bootstrap.answer.js" async="">
</script>

您可以使用HTML表单将用户输入发送到服务器,如果您想与服务器异步交互,也可以使用ajax

HTML表单通常在您只想向服务器发送一些数据并对其执行一些操作时使用,例如登录系统。如果您刚刚开始学习HTML和PHP,请使用此选项。

下面是一个<form>的简单示例。

<html>
<body>
<form action="where-you-want-to-send-data.php" method="GET">
<p style="text-align:center"> CORONAVIRUS (COVID-19) Checker</p>
<label for="Country" >Choose a country: </label>
<select id="country" name="country">
<option value="Australia">Australia</option>
<option value="China">China</option>
<option value="Japan">Japan</option>
<option value="Singapore">Singapore</option>
<option value="Canada">Canada</option>
</select><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

action属性指向要发送数据的页面。方法属性通常有两个值GET/POST,用于指定请求的类型。您可以在此处了解有关获取/发布的更多信息https://www.w3schools.com/tags/att_form_method.asp

如果HTML forms不是你想要的,那么ajax可能就是你想要的!

确保您正确地编写了选择属性。这可以帮助您解决问题

在新表单的操作-属性中指定处理程序脚本(例如文件到-handle-GET-request-inc.php(时使用GET-方法

<!DOCTYPE html>
<html>
<body>
<form method="GET" action="file-to-handle-get-request-inc.php">
<p style="text-align:center"> CORONAVIRUS (COVID-19) Checker</p>
<label for="country">Choose a country: </label>
<select id="country" name="country">
<option value="Australia">Australia</option>
<option value="China">China</option>
<option value="Japan">Japan</option>
<option value="Singapore">Singapore</option>
<option value="Canada">Canada</option>
</select>
<input name="submit" type="submit" value="Submit">
</form>
<p style="text-align:center">Covid Modules Map</p>
<div id="covidbing" class="bingwidget" data-type="covid19_modules" data-modules='[{"_type": "map", "location-id":"/japan"}]'></div>
<script src="https://www.bing.com/widget/bootstrap.answer.js" async=""></script>
</body>
</html>

您的处理程序脚本可能类似于:

<?php if($_SERVER['REQUEST_METHOD'] === "GET"){     if(isset($_REQUEST['submit']) && !empty($_GET['country'])){$selectedCountry =  htmlspecialchars($_GET['country']);     var_dump($selectedCountry) ;     } }

最新更新