javascript – 在iOS 6.x(iPad)上使用JS选择取消选择下拉选项

概述我正在使用html< select>创建动态drodown标签默认选择属性multiple和first选项： <select multiple="multiple" size="1"> <option value="" selected="selected">All</option> <option value="1">One</option> <option 我正在使用HTML< select>创建动态drodown标签默认选择属性multiple和first选项：

<select multiple="multiple" size="1">      <option value="" selected="selected">All</option>      <option value="1">One</option>      <option value="2">Two</option>  </select>

用户点击选项例如,然后假定的行为是取消选择全部选项并选择一个选项.

当iPad浏览器打开本机用户界面下拉时,我能够从下拉控件(我的插件中的代码片段)中捕获触摸事件：

this.$el.on('change',this.selectoption,this);

并 *** 作选项以下面的方式取消选择它们：

selectoption: function(e){    var opts = element.find('option');      opts.each(function(IDx,opt){          $(opt).prop('selected',false);      });  }

问题

选项属性设置为false正确但在iPad的下拉菜单中,UI选择的选项保持不变 – 这可能会使用户感到困惑.
在点击下拉列表中的完成按钮后,将应用UI中的更改.下一个开头显示取消选择的所有选项,这是好的,但有点晚;-).

这个问题

是否可以选择/取消选择用户点击一个选项而另一个选项在本机IPad下拉列表中实时取消选项的方式？

解决方法 当我们触发< select>时在IOS中,它将使用它自己的内部浏览器控件,超出了我们的风格.

它尊重multiple =“true”属性并相应地起作用.

问题是等于询问：“当我点击我的网页按钮时,如何让我的浏览器工具栏变蓝”

从问题的原因不清楚为什么

>你设置mutliple =“true”
>然后设置size = 1
>然后尝试使用JavaScript进行单一选择
只允许一个选择.

我怀疑你真正需要的是删除multiple =“true”属性并可能增加大小(如果你想要所有选项可见)

<select size="3">      <option value="" selected="selected">All</option>      <option value="1">One</option>      <option value="2">Two</option>  </select>

然后,本机iOS控件可以根据需要运行.

对于所有其他解决方案,请考虑抛弃选择(或隐藏它)并创建由< ul>< li>或类似的自定义JavaScript控件来填充幕后的值.

总结

以上是内存溢出为你收集整理的javascript – 在iOS 6.x(iPad)上使用JS选择/取消选择下拉选项全部内容，希望文章能够帮你解决javascript – 在iOS 6.x(iPad)上使用JS选择/取消选择下拉选项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。