刷新Jquery多选选择

Question

如何在点击重置按钮后从jquery multi selected select中删除所选项目？

<select data-placeholder="Select" id="options" class="chosen-select" maxwidth="50px" multiple tabindex="15" ></select> 

我尝试了几种没有运气的方法。这是我的代码：

    $("#options").multiselect('refresh');
    $("#options").multiselect('clearSelection');
    $('#options').multiSelect('deselect_all');
    $("#options").find('option:selected').removeAttr("selected");

在上面仍然显示图像中的所选项目

任何帮助将不胜感激。

Answer 1

这不是一个多选，它是一个jQuery选择字段，它看起来像。这里的答案包括：'select all' and 'remove all' with chosen.js - 只需从选项中删除所选属性，然后更新所选元素

using JuMP, Cbc
productionProb = Model(solver = CbcSolver())

@variable(productionProb, x >= 0)
@variable(productionProb, y >= 0)

@objective(productionProb, Max, 7.8x + 7.1y)

@constraint(productionProb, assemblyCondition, (1/4)x + (1/3)y <= 90)
@constraint(productionProb, testingCondition, (1/8)x + (1/3)y <= 80)

solve(productionProb)

如果您使用的是旧版本，那么正确的触发器可能是：liszt：已更新，例如。

$("#options").find('option:selected').prop('selected',false);
$("#options").trigger('chosen:updated');

但是你需要在问题中添加这个细节，以便我肯定地说。

顺便说一句，如果您还将其初始化为multiSelect，我预测您将来会遇到问题。我会确定你想要使用哪个小部件，并确保你只在它上面初始化它/调用方法作为那个小部件，而只是那个小部件

Answer 2

我对multiselect不太熟悉，但根据docs看起来你可以通过使用取消全部选择：

$('#your-select').multiSelect('deselect_all');

Answer 3

您可以使用：

$("#options").find('option:selected').removeAttr("selected");

示例：https://jsfiddle.net/hs9yft2n/1/