如何在 jQuery Mobile 多选框中设置“选项”的样式答案

【问题标题】：How to style an "option" in jQuery Mobile multi-select box如何在 jQuery Mobile 多选框中设置“选项”的样式
【发布时间】：2012-06-06 13:04:05
【问题描述】：

我添加了关闭作为选项，然后我想触发它以在单击时关闭对话框。此外，我想为类“ui-icon ui-icon-checkbox-off ui-icon-shadow”的 span 设置“display: none”，使其看起来像一个按钮。

有什么建议吗？

http://jsfiddle.net/N5r4A/

【问题讨论】：

标签： jquery jquery-mobile customization multi-select

【解决方案1】：

隐藏复选框：

#select-choice-0-menu span.ui-icon {
    display: none;
}

http://jsfiddle.net/nirmaljpatel/N5r4A/7/

关闭选择选项之一的对话框；您应该从您的选择标签中删除 multiple="multiple" 属性...即更改

<select name="select-choice-0" id="select-choice-0" multiple="multiple" data-native-menu="false">

到

<select name="select-choice-0" id="select-choice-0" data-native-menu="false">

在多选列表中；单击“关闭”选项时，以下将关闭打开的对话框。

 $(function () {
  $('#select-choice-0').bind('change', function () {
      console.log('change in select', this);
      for (var i = 0; i < this.options.length; i++) {
          if (this.options[i].selected) {
              if(this.options[i].value == 'closeMe'){                                
                  console.log('...closing Dialog');
                  $('.ui-dialog').dialog('close');
              }
          }
      }
  });
 });

更新 jsfiddle：http://jsfiddle.net/N5r4A/10/

【讨论】：

谢谢，但我不想删除“多个”，因为我需要它。我想在底部添加一个选项来关闭对话框（并根据您的建议对其进行样式设置），因为如果列表太长，那么在顶部执行此操作并不容易且直观。
已编辑答案，说明如何满足您的要求。