Question

我在这里创建了一个datalist如何添加一个选项链接，以便每当我选择一个选项并单击提交时我应该根据所选选项重定向到另一个页面。我已经google了很多但我不能有关此信息。谢谢提前

 <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

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

2 个答案: