我有一个HTML表单的问题。我想让网站访问者选择一个地方，在西西里岛的两个地方中选择一个会将他重定向到一个特定的网页，根据所选的地方，一个不同于另一个(两个重定向文件暂时与主文件在同一文件夹中，分别是"Book=Catania"one_answers"Book=Mondello"(。
我将CCD_ 1与一些"；列表"；建议。对于答案，我使用了一个带有if条件的JavaScript脚本。
<html>
<head>
...
</head>
<body>
<SCRIPT LANGUAGE = "JavaScript">
function checkCheckBox (f) {
if (f.mondello.checked == true)
{
window.location.href = 'book=mondello.html';
return false;
}
if (f.catania.checked == true)
{
window.location.href = 'book=catania.html';
return false;
}}
</script>
<form action = "" method = "POST" onsubmit = "return checkCheckBox (this)">
<fieldset>
<br/>
<legend> Indicates the place </legend>
<input type = "text" size = "40" list = "places">
<datalist id = "places">
<option value = "Mondello, PA, Sicily" name = "mondello">
<option value = "Catania, CT, Sicily" name = "catania">
</datalist>
</body>
</html>
按照表单的使用方式使用表单
你有很多代码实际上没有帮助。通过使用基于文本的选择下拉菜单，您实际上可以在字段中输入任何您想要的内容。这可能会在您的网站上导致404。
我已经用名字簿把你的输入改成了选择。很难在堆栈片段中显示，但当提交表单时，它将使用参数book=<selected option>导航到当前页面(以更改并在表单元素上添加操作(。你可以在post方法中添加回来，这会从URL中隐藏这一点，但这会使链接到朋友变得困难。
您唯一需要的JS是强制表单在选择更改时提交。您将希望使选择器更加特定于您的场景，但除此之外，这就是JS所需要的全部内容。
document.querySelector('select').addEventListener('change', function() {
document.querySelector('form').submit();
})<body>
<form>
<select name="book">
<option disabled selected>Select one</option>
<option value="mondello">Mondello, PA, Sicily</option>
<option value="catania">Catania, CT, Sicily</option>
</select>
</form>
</body>