【问题标题】:Prevent auto select first option of multiselect box in iPhone Safari防止在 iPhone Safari 中自动选择多选框的第一个选项
【发布时间】:2016-06-13 23:39:39
【问题描述】:

iPhone Safari 上的多选框有问题。当我打开多选框时,它会自动选择第一个选项。这是我正在使用的代码 sn-p:

<select multiple>
  <option value="test1">Test 1</option>
  <option value="test2">Test 2</option>
  <option value="test3">Test 3</option>
</select>

我添加了一个带有disabled 属性的空白选项(见下文here)作为第一个选项,但它在iPhone Safari 中不起作用。我使用的是 iPhone 6s+:

    <option disabled></option>

【问题讨论】:

  • 真正的问题是,当 iOS 选择第一个选项时,它不会将其绑定到后端的对象(Angular 8)。以下答案之一实际上是最好的答案。您应该在选项堆栈的顶部添加一个空白/建议选项。我仍在寻找可以在不使用自动完成或地理定位的 iOS 和 Windows Chrome 中打开的地址表单。

标签: html ios


【解决方案1】:
disable=disable 

只需将其添加到选项中,这样任何人都无法访问该选项

【讨论】:

    【解决方案2】:
    <option selected=selected value="test0">Pick an option</option>
    

    使用属性selected 指定该选项应为选中的选项。或者将您希望看到的默认选中的第一个放在列表顶部。

    disabled 属性会,我知道这听起来不太可能,禁用您的选择选项,因此意味着它无法被选中。

    【讨论】:

    • 是否有任何选项,而不是在选择框中添加“选择一个选项”行
    • 选中就够了。未选中=已选中,请参阅w3schools.com/tags/att_option_selected.asp
    • @PrinceGautam 是的,将其替换为您想要显示的任何值。选择一个选项只是一个默认占位符,它会告诉用户他必须选择一个选项。
    • @Alexis 在 XHTML 中,属性最小化是被禁止的,选择的属性必须定义为
    • @JorelAmthor 是的,我想阻止人们选择“选择一个选项”
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-23
    • 2011-02-21
    • 1970-01-01
    相关资源
    最近更新 更多