标签: multiple-select

好吧,Opera代码浏览器似乎存在问题,因为它只删除了在多选标记中选择的最后一个选项标记,有人可以帮助我.

这是以下HTML:

<select id="actions_list" name="layouts" multiple style="height: 128px; width: 300px;">
    <option value="forum">forum</option>
    <option value="collapse">collapse</option>
    <option value="[topic]">[topic]</option>
    <option value="[board]">[board]</option>
</select>

当然它在一个表单标签中,但是这个表单涉及的代码更多,但这里有相关的信息.

这是应该处理这个问题的JS,但只删除Opera中最后选择的选项,不确定其他浏览器,但它确实需要删除所有选定的选项,而不仅仅是最后选择的选项... argg

var action_list = document.getElementById("actions_list");
var i = action_list.options.length;
while(i--)
{
    if (action_list.options[i].selected)
    {
        action_list.remove(i);
    }
}

这有什么问题？我想不出来一点:(

谢谢 :)

我有一个UITableView配置为允许在编辑模式下选择多个单元格.但是,在触摸/选择单元格后,左侧的空白色圆圈永远不会变为红色圆圈,并带有白色复选标记.

我已经阅读了有关删除问题的滑动allowsMultipleSelectionDuringEditing,因此我的setEditing:animinated方法如下所示:

- (void)setEditing:(BOOL)editing animated:(BOOL)animated
{
    self.tableView.allowsMultipleSelectionDuringEditing = editing;
    [super setEditing:editing animated:animated];
}

网上的一些资源建议设置allowsSelectionDuringEditing = NO;,但这没有任何效果.此外,我的单元格编辑样式设置为UITableViewCellEditingStyleDelete,并且更改它也没有任何效果.

当在编辑模式中触摸行时,tableView:didSelectRowForIndexpath:会触发,但如上所述,UI不会反映这一点.

我有一个带有列的设置模型options，并将其设置为与serialize :options. 在我看来，我有一个多选框，select("settings", "options", ['option1','option2','option3'], {}, :multiple => true)只要用户至少选择一个选项，就可以使用它。但是，如果他们不选择任何选项，则不会提交任何选项，因此不会更新选项。

如何允许用户从 rails 的多选框中选择零选项？

我创建了一个带有一些值的新属性(多选),一切正常,但是当我想删除产品的所有选定值时,我收到消息"产品属性已保存".但仍然选择了这些值.

笔记:

• 我Ctrl + Click保存之前按下取消选择最后一个值.
• 我将my属性的参数Value设置为No
• 如果我保存的产品尚未选择任何值,则不会选择任何值
• 我的索引已正确刷新
• 请参阅下面的两个屏幕,左侧是我的属性参数,右侧是我的多重选择.

我的想法已经用完了,谢谢你的帮助.

我有两个select选项,class和class_attr类有2个选项:A和B class_attr有很多选项:aa,bb,cc,dd,ee,...

我的问题是,如果用户选择A,如何实现,所选的max_selected只有5个选项,如果用户更改为B,则所选的max_selected只有3个选项.

我正在尝试做这样的事情:

$(".class").change(function(){
        var code = $(this).val();
        if(code == 1){
           $(".class_attr").chosen({max_selected_options: 5});
            }
        else{
               $(".class_attr").chosen({max_selected_options: 3});          
        }
        $(".class_attr").trigger("liszt:updated");
});

但这似乎不起作用,class_attr的选项列表将只设置一次(选择第一个类max_selected_options值,无论是5还是3),并且在第一次之后永远不会更新max_selected_options.谢谢〜

我需要在多个选择框中按值获取项目文本.我试过这段代码,但它给了我整体选中的文字,没有分隔或间距.

if ($("#<%=ddlSubject.ClientID %>").val()) {
    var values = $("#<%=ddlSubject.ClientID %>").val();
    if (values.indexOf(',') != -1) {
        values = $(values).split(',');
    }
    var texts = $("#<%=ddlSubject.ClientID %> :selected").text();
    alert(texts);
    if (texts.indexOf(',') != -1) {
        texts = $(texts).split(',');
    }
}
});

这是我呈现的html选择列表

<select size="4" name="ctl00$ContentPlaceHolder1$ddlSubject" multiple="multiple" id="ctl00_ContentPlaceHolder1_ddlSubject" class="chosen-select" style="height: 250px; width: 250px; display: none;">
    <option value="Account - I" style="font-style:italic;" disabled="disabled">Account - I</option>
    <option value="1">Chap1</option>
    <option value="2">Chap2</option>
    <option value="3">Chap3</option>
    <option value="4">Chap4</option>
    <option value="Joint Venture" style="font-style:italic;" disabled="disabled">Joint Venture</option>
    <option value="5">Chap1</option>
    <option value="6">Chap2</option>
    <option value="7">Chap3</option>
    <option value="8">Chap4</option> …

我试图保存多个选定的值,形成由rails helper select生成的多选字段.

  <div class="form-group">
    <%= f.label :available_type, "Available in category" %><br>
    <%= f.select :available_type, options_for_select(Setting.subscription_type, @terminal.available_type), { }, { class: "form-control", :multiple => true, :size => 5    } %>
  </div>

这样渲染(所选值来自先前的尝试,没有":multiple => true"属性,完美地工作):

<select class="form-control" id="terminal_available_type" multiple="multiple" name="terminal[available_type][]" size="5">
<option value="Postpaid">Postpaid</option>
<option value="MBB">MBB</option>
<option selected="selected" value="Prepaid">Prepaid</option>
</select>

任何帮助表示赞赏.:)

编辑: 我试过把serialize :available_type我的终端模型,dident改变任何东西.: - /

编辑2: 我注意到,当我标记它们时,多个选择的字段不会将选项标记为已选中.如果我手动添加选定的属性我得到这些参数:

{"utf8"=>"?", "_method"=>"patch", "authenticity_token"=>"RrwWlKk8XlGeC+dTu/w6oSM68e9LcbUFJWTI+eRS9mI=", "terminal"=>{"inndate"=>"2015-01-13", "outdate"=>"", "brand_id"=>"2", "name"=>"iPhone 5c", "available_type"=>["", "MBB", "Prepaid"], "product_number"=>"3r2342", "ean_code"=>"", "navision_nb"=>"324234", "cost_price_map"=>"3200.0", "manual_price"=>"", "sales_info"=>"Just sell!"}, "commit"=>"Submit", "action"=>"update", "controller"=>"terminals", "id"=>"2"} …

我正在使用基于文档示例的 Material UI Multiple Select。我需要保存所选选项的 id 并显示名称，所以我渲染对象。当我使用带有占位符的文档中的示例时，我看到的是 ids 而不是所选的名称。见：https : //codesandbox.io/s/kxz5yqmrzv?from-embed

const names = [
  { id: "a", name: "Oliver Hansen" },
  { id: "b", name: "Van Henry" },
  { id: "c", name: "April Tucker" },
  { id: "d", name: "Ralph Hubbard" },
  { id: "e", name: "Omar Alexander" },
  { id: "f", name: "Carlos Abbott" },
  { id: "g", name: "Miriam Wagner" },
  { id: "h", name: "Bradley Wilkerson" },
  { id: "i", name: "Virginia Andrews" },
  { …

我正在使用这个多复选框插件 http://multiple-select.wenzhixin.net.cn/docs/en/download

我正在使用过滤选项

我遇到的问题是，如果我只有一个选项，就像这张图片一样全选

当我点击 BERMUDA 选项时，即使我没有点击全选，调试也会引发 onClick 事件和 onCheckAll 事件。

只有当除了“全选”条目之外我只有一个条目时，才会发生这种情况。

js代码如下：

$("#" +ddl_ID).multipleSelect({
   filter: true,
   multiple: true,
   "data-multiple-width": 150,
   onClick: function (view) {
      //aggiungo alla lista di selezionati solo il valore selezionato.
      //se esiste già lo elimino

      listaSel = $("#"+txtSel_ID).val();

      var array = listaSel.replace("[", "").replace("]", "").split(",");
      const index = array.indexOf(view.value);
      if (index >= 0) //esiste già, lo elimino
         array.splice(index, 1);
      else //non esiste, lo aggiungo
         array.push(view.value);

      listaSel = "";
      //ricostruisco la stringa
      for (var i = 0; i …

我正在使用 Material UI 进行多重选择。这是我的代码。

  <TextField\n        classes={{ root: classes.root }}\n        select\n        name="states"\n        id="states"\n        fullWidth\n        label="states where you want to work" \n        SelectProps={{\n          multiple: true,\n          value: states.states,\n          onChange: handleFieldChange\n        }}\n      >\n        {listStates.map(col => (\n              <MenuItem selected classes={{ selected: classes.selected }} key={col} value={col}>\n                  <Checkbox checked={states.states.indexOf(col) > -1} />\n                  <ListItemText primary={col} />\n              </MenuItem>\n            ))} \n      </TextField>\n

这是handleFieldChange函数：

  const handleFieldChange = event => {\n      event.persist();\n      setStates(states => ({\n        ...states,\n        [event.target.name]:\n          event.target.type === "checkbox"\n            ? event.target.checked\n            : event.target.value\n      }));\n    };\n

这是状态数组：