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

发布于 2024-08-23 08:02:07 字数 510 浏览 8 评论 0原文

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

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

I'm building a mobile website. I use regular html for the dropdown like below. If I select the dropdown on Android and click on "Category", it tries to submit the form. But iPhone doesn't do anything which is the desired behavior I want. I found a similar post here, but I'm not building an app. Some websites use links instead of dropdown, but it's not an option for me. Any suggestion or way around it? Thanks!

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

遇到 2024-08-30 08:02:07

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

像下面这样的东西..

<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();
    }
}

I would recommend revising your logic to not submit on change if that isn't your desired behavior. You may want to make a function that inspects the selected option on change before submit to decide whether or not to submit.

Something like below..

<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();
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文