html - 选择第一个值时如何防止Android提交表单上的下拉菜单

Question

我正在建立一个移动网站。我使用常规 html 作为下拉菜单，如下所示。如果我在 Android 上选择下拉菜单并单击“类别”，它会尝试提交表单。但是 iPhone 没有做任何我想要的行为。我在这里找到了类似的帖子，但我没有构建应用程序。有些网站使用链接而不是下拉菜单，但这不是我的选择。有什么建议或解决方法吗？谢谢！

<select onchange="document.form.submit();">
   <option>Category</option>
   <option value="1">1</option>
   <option value="2">2</option>
</select>

Answer 1

如果这不是您想要的行为，我建议您修改您的逻辑以不提交更改。您可能希望创建一个函数，在提交之前检查所选选项的更改，以决定是否提交。

像下面的东西..

<select onchange="dropDownChange(this);">
   <option>Category</option>
   <option value="1">1</option>
   <option value="2">2</option>
</select>

function dropDownChange(element){
    if(element.selectedIndex != 0){
        document.form.submit();
    }
}