使用jqMobi开发app基础：下拉select

Posted 2022-11-30 xuexiaodong2009

    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>

显示效果

  

  由于是在浏览器中测试，有没有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>

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