php - 如何通过选择数据列表中的选项重定向到新页面

Question

我在这里创建了一个数据列表，如何添加指向选项的链接，以便每当我选择一个选项并单击提交时，我都应该根据所选选项重定向到另一个页面。我搜索了很多，但我找不到任何关于此的信息。提前致谢

 <input list="category" name="category">
   <datalist id="category">
      <option value="fruits">
      <option value="animals">
      <option value="vechiles">
      <option value="ornaments">
  </datalist>
<input type="submit">

Answer 1

您可以尝试以下代码：

     <input list="category" name="category" id="textcat">
   <datalist id="category">
      <option id="www.google.com" value="fruits">
      <option id="www.fb.com" value="animals">
      <option id="www.ymail.com" value="vechiles">
      <option id="www.msn.com" value="ornaments">
  </datalist>
<input id="btn" type="button" value="submit">

    <script>

    $('#btn').click(function(){
    var textval = $('#textcat').val();
    $('#category option').each(function(){
        if($(this).val() == textval){
            alert($(this).attr('id'));
            window.location = $(this).attr('id');
        }
    });
});

    </script>

Answer 2

制作一些 formHandler.php，您将在其中进行一些路由，并指向包含此选择的表单 (action="formHandler.php")

$redirectLink=$_REQUEST['category'];
header('Location:'.$yourmainSitePath.'/'.$redirectLink)

你满意吗 ？:D