Php 如何通过选择datalist中的选项重定向到新页面

Php 如何通过选择datalist中的选项重定向到新页面,php,html,Php,Html,我已经在这里创建了一个数据列表。我如何添加选项的链接,以便每当我选择一个选项并单击“提交”时,我都应该根据所选选项重定向到另一个页面。我已经在谷歌上搜索了很多,但我无法找到有关此的任何信息。提前谢谢 <input list="category" name="category"> <datalist id="category"> <option value="fruits"> <option value="animals"&

我已经在这里创建了一个数据列表。我如何添加选项的链接,以便每当我选择一个选项并单击“提交”时,我都应该根据所选选项重定向到另一个页面。我已经在谷歌上搜索了很多,但我无法找到有关此的任何信息。提前谢谢

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

制作一些formHandler.php,其中包含一些路由,并指向包含此选择的表单action=formHandler.php

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

你满意吗D

您可以尝试以下代码:

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

你能在这里发布你的详细列表吗?试试onchange函数,从选项中获取值,设置条件,然后在提交时重定向。关于我需要给出的详细列表如果我使用这个,我需要使用大量的if语句,如果我添加100个选项,这将非常复杂。您可以直接将URL设置为选项值。然后,对于数千个选项来说,这将非常简单。。然后,您可以直接使用window.location=$this.val这就是我要问的问题,如何将该url添加到选项标记中