如何在jQuery Mobile multi-select框中设置“选项”的样式

我已经添加了Close作为一个选项，如果单击，我想触发它来关闭对话框。此外，我想设置display:none为span with class ui-icon-ui-icon复选框关闭ui-icon-shadow，使其看起来像一个按钮

有什么建议吗

---

要隐藏复选框，请执行以下操作：

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

选择其中一个选项时关闭对话框；您应该从select标记中删除multiple=multiple属性。。。零钱

<select name="select-choice-0" id="select-choice-0" multiple="multiple" 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');
              }
          }
      }
  });
 });​

---

更新了JSFIDLE:

以隐藏复选框：

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

选择其中一个选项时关闭对话框；您应该从select标记中删除multiple=multiple属性。。。零钱

<select name="select-choice-0" id="select-choice-0" multiple="multiple" 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');
              }
          }
      }
  });
 });​

---

更新的JSFIDLE:

谢谢，但我不想删除多个，因为我需要它。我想在底部添加一个选项，用于关闭对话框并根据您的建议对其进行样式设置，因为如果列表太长，则很难直观地在顶部执行此操作。编辑答案，说明如何满足您的要求。谢谢，但我不想删除多个，因为我需要它。我想在底部添加一个选项，用于关闭对话框并根据您的建议对其进行样式设置，因为如果列表太长，则很难直观地在顶部执行此操作。编辑答案，并说明如何满足您的要求。