时间戳

首页 > 解决方案 > (PHP) 如何从下拉列表中获取值并将变量用作 html 链接的一部分

javascript - (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>

标签： javascriptphphtmlbuttondropdown

解决方案

您可以使用 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可能是您的方式！

推荐阅读