HTML标签select在移动端下多选问题

  • 2017-01-12
  • 1,905
  • 4

默认情况下:

<select name="test"multiple="multiple">
    <option value="1">aa</option>
    <option value="2">bb</option>
    <option value="3">cc</option>
    <option value="4">dd</option>
    <option value="5">ee</option>
</select>

点击多选条触发多选,然后直接点完成,而不去实际选择某项,这时系统会默认把第一项选上(实际显示未被选择)。
然后在不刷新的情况下再点开多选菜单去选择其它项目,选择界面上第一项仍显示未被选择,提交给后台的数据包含了第一项。
这样的情况,在最开始的option前面插入一项隐藏的,不可用的分组就OK了:

<select name="test"multiple="multiple">
    <optgroup disabled hidden></optgroup>
    <option value="1">aa</option>
    <option value="2">bb</option>
    <option value="3">cc</option>
    <option value="4">dd</option>
    <option value="5">ee</option>
</select>
上一篇:    下一篇: