用于<select>菜单的iPhone滚轮选择器</select>

Question

我正在开发一个UIWebView iPhone应用程序和移动网站，在应用程序中我有很多<select>菜单，每个菜单包含100多个项目！

我想知道是否有办法将<select>菜单分成子菜单，以便iPhone用户更容易进行选择，例如：

我有这个用于我的数据库设置：

                   |   Subcategory     |      Food      |
                   --------------------------------------
                   |eggs and cheese    |scrambled       |
                   |breakfast cereal   |frosted flakes  |
                   |breakfast cereal   |mini wheats     |
                   |breakfast cereal   |cherrios        |

所以每个项目都有一个＆＃34;子类别＆＃34;然后是实际的＆＃34;食物＆＃34;

我将其打印成这样的下拉列表：

<select class="breakfast">
  <option value="100" rel="20">Breakfast Cereal (Frosted Flakes)</option>
  <option value="200" rel="10">Breakfast Cereal (Cheerios)</option>
  <option value="150" rel="25">Breakfast Cereal (Mini Wheats)</option>
  <option value="300" rel="30">2 Eggs and Cheese (scrambled)</option>
</select>

当我触摸iPhone上的下拉列表进行选择时，iPhone默认使用的滚轮界面中列出了所有4个选项：

我想以某种方式设置它，以便我可以在左侧有2个滚轮和子类别，然后一旦你选择它，它就会为你提供食物和食物的选项。在右边，像这样（但只有两个轮子）：

此示例左侧是一个滚轮，有2个选项，Eggs and Cheese和Breakfast Cereals，然后当用户触摸Breakfast Cereals时，它会将3个谷物选项加载到滚动条中右边的车轮选择器UI！

这有点复杂，但有没有人有这方面的经验，或者甚至可能？

Answer 1

检查出来：

https://github.com/arkichek/AFPickerView

Answer 2

我在这里解决了我的问题：Add a search function to UIPickerView in Xcode, or open <select> menu in UITableView

我使用jQuery通过网站过滤应用程序之外的结果。