html5 - 如何在iphone上禁用选择小部件轮并使用正常选择

Question

实际上我在html5 / php / css / javascript中为我的移动设备开发了一个网络应用程序。 （我是初学者）我的“选项”上有一个“onclick”功能但是使用本机选择的设备小部件它不起作用。 是否可以禁用选择小部件？

    <select class="theme" name="newtheme">
    <option id="white" class="white" onclick="createCookie('theme','white',7)">white</option>
  <option id="white" class="white" onclick="createCookie('theme','white',7)">white</option>
    </select>

提前致谢，

Answer 1

使用jQuery，您可以使用：

$("#ThemeSelector").on('change', function(event){
 // event contains the data from the selected line
 createCookie('theme','white',7);
});

您的HTML应如下所示：

   <select id="ThemeSelector" class="theme" name="newtheme">
    <option class="white">white</option>
  <option class="white">white</option>
    </select>

ID应该是唯一的！

Answer 2

在开发移动网络应用时，您应该尽量避免使用“onClick”，而是使用“点按”事件。它们表现更好，可以让您的UI更具响应性。 （它们也会减少麻烦 - 例如，在某些情况下，点击并不总是在不同的移动浏览器上触发）。

但当然@Robbert建议使用“改变”事件也应该可以正常工作。

我只想指出，正如你所说，你是初学者。