Question

我想用HTML创建一个下拉列表；当用户从列表中选择一个项目时，应将其相应地重定向到另一个网页。该代码将被集成到Laravel刀片中（这就是csrf字段的原因）。我有以下代码，但是单击搜索按钮时，我不会进入/research页面（尽管我已经创建了路线）。有什么想法吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Select departmnent</title>
</head>
<body>
<form method="post" action="/research" id="tmima">
    {{csrf_field()}}
    Choose department:<br>
</form>
<select name="Department" id="tmima">
    <option value="0" selected="selection">Select</option>
    <option value="geo">Geology</option>
    <option value="phs">Physics</option>
    <option value="chm">Chemistry</option>
</select>
<input type="submit" value="Search">
</body>
</html>

Answer 1

您要在选择输入之前关闭表单，删除</form>并将其放在表单的末尾。

<form method="post" action="/research" id="tmima">
  {{csrf_field()}}
  Choose department:<br>

// Here was the </form>, remove it here

  <select name="Department" id="tmima">
    <option value="0" selected="selection">Select</option>
    <option value="geo">Geology</option>
    <option value="phs">Physics</option>
    <option value="chm">Chemistry</option>
  </select>
  <input type="submit" value="Search">
</form> // <-- place it here, it will work

编辑：

正如您在评论中所写，您可以在表格外使用选择。但是您需要告诉您的选择它属于表格。这是通过select的form属性完成的：您需要像这样将其添加到您的select中：

...
<select name="Department" form="tmima"> //replace the id with form
...

HTML下拉菜单重定向到另一个页面

1 个答案: