使用jqMobi开发app基础:下拉select详解手机开发

    jqMobi有一个专门处理select的插件af.selectBox.js,感觉很简单很简单,官方文档只是简单demo,没有详细说明。

   简单的列子:

   

<select id="test" style="-webkit-appearance: listbox;"> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
</select>

显示效果

  使用jqMobi开发app基础:下拉select详解手机开发

  由于是在浏览器中测试,有没有style=”-webkit-appearance: listbox;”没发现有什么区别。

  禁用需要加disabled

例如:

<select id="test3" disabled> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
</select>

多选,需要添加multiple=”multiple”

例如:

<select id="test3" multiple="multiple"> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
</select>

经过简单的测试,没发现这个插件的具体作用,或许是因为我的测试环境不是发布环境吧。

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/5264.html

(0)
上一篇 2021年7月16日
下一篇 2021年7月16日

相关推荐

发表回复

登录后才能评论