Question

以下是我的代码，

<link href="jquery.multiselect.css" rel="stylesheet">

<button type="button" class="resetbuttonclass" id="resetsfilter" name="reesetfilter">Reset</button>

<select id="ticket_status_all" name="ticket_status_all[]" class="custom_dropdown" multiple="multiple" >
    <!--<option value=""  >Select Current Status</option>-->
    <option value="10"  class='custom_dropdown_option'>Awaiting Details</option>
    <option value="6"  class='custom_dropdown_option'>In Progress</option>
    <option value="8"  class='custom_dropdown_option'>On Hold</option>
    <option value="1"  class='custom_dropdown_option'>Open</option>
    <option value="2"  class='custom_dropdown_option'>Resolved</option>
    <option value="12"  class='custom_dropdown_option'>TR for PRD</option>
    <option value="11"  class='custom_dropdown_option'>Under UAT</option>
    <option value="9"  class='custom_dropdown_option'>Unit Test</option>
</select>   

<script src="jquery.multiselect.js" ></script>

初始化多选

$('#ticket_status_all').multiselect({
    placeholder: 'Select Current Status',
    maxPlaceholderOpts: 2,
});

重置按钮点击事件监听器：

$("#resetsfilter").click(function () {
    $("#ticket_status_all option:selected").prop("selected", false);
    $("#ticket_status_all").multiselect('refresh');
});

以上代码没有＆＃34;取消选择＆＃34;复选框。在多选模式中，它显示选定的值而不是占位符。

请帮我解决一下

Answer 1

一种方法是使用javascript，如果jquery没有正确地工作来设计值。

function clearSelected(){
    var elements = document.getElementById("ticket_status_all").options;

    for(var i = 0; i < elements.length; i++){
      elements[i].selected = false;
    }
  }

然后拨打ticket_status_all 解决方案2：您可以通过示例来浏览APi http://loudev.com/

使用复选框重置jQuery multiselect下拉列表

1 个答案: