我正在做一个项目。我正在尝试编写我的代码，以便当用户从下拉菜单中提交选项时，如果用户选择并提交默认值（“选择类型”），则不会提交表单并且不会刷新页面。以下是我的 Javascript 代码：
<script>
var menu = document.getElementById("submit");
menu.addEventListener("click", function() {
if (document.getElementById("dropdown").value == 'nothing')
{
return false;
}
});
</script
这是嵌套在 head 标签内。
以下是我的表单 HTML 代码：
<div>
<form method="POST">
<select id="dropdown" name="genre">
<option value="nothing">Select a genre</option>
<option value="rock">Rock</option>
</select>
<br/>
<br/>
<input id="submit" type="submit"/>
</form>
</div>
javascript 似乎不起作用，因为即使我在选择“选择类型”选项的同时提交表单，我的表单仍然被提交，并且 python 代码对值 'nothing' 起作用，这会产生错误。
编辑：通过添加更多 javascript 代码向我的项目添加更多功能后，javascript 代码再次不起作用。我使用了 google chrome 的开发人员工具，偶然发现了这个错误，这似乎与代码不起作用的原因有关：
Uncaught TypeError: $(...).addEventListener is not a function
at (index):18
尝试event.preventDefault()：
var menu = document.getElementById("submit");
menu.addEventListener("click", function(event) {
if (document.getElementById("dropdown").value == 'nothing')
{
event.preventDefault();
}
});<div>
<form method="POST">
<select id="dropdown" name="genre">
<option value="nothing">Select a genre</option>
<option value="rock">Rock</option>
</select>
<br/>
<br/>
<input id="submit" type="submit"/>
</form>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句