jQuery Mobile, 옵션 목록의 모든 항목 선택

Question

자, jQuery Mobile에서 다중 선택 항목의 모든 항목을 선택하는 데 문제가 있습니다. http://jsfiddle.net/u41yk3fy/이

HTML :

<div data-role="page" id="one"> 
    <div data-role="content"> 
     <label for="sel">Select the Options</label> 
     <select name="sel" id="sel" data-native-menu="false" multiple="multiple"> 
      <option value="1">Prod 1</option> 
      <option value="2">Prod 2</option> 
      <option value="3">Prod 3</option> 
      <option value="4">Prod 4</option> 
      <option value="5">Prod 5</option> 
      <option value="6">Prod 6</option> 
     </select> 
     <div class="floatright" data-role="controlgroup" data-type="horizontal"> 
      <a href="#" id="selectall" data-role="button" data-icon="plus">Select All</a> 
      <a href="#" id="deselectall" data-role="button" data-icon="minus">Deselect All</a> 
     </div> 
    </div> 
</div> 

자바 스크립트가 :

function selectAll(select) { 
    if (select == false) { 
     $("#sel option:selected").removeAttr("selected"); 
    } else { 
     $("#sel option").attr("selected", "true"); 
    } 

    $("#sel").selectmenu("refresh", true); 
} 

$(document).ready(function() { 
    $('#selectall').click(function (event) { 
     return selectAll(true); 
    }); 

    $('#deselectall').click(function (event) { 
     return selectAll(false); 
    }); 
}); 

기본적으로 크롬, 오페라와 사파리에서이 실제로 작동

는 여기에 바이올린입니다. Internet Explorer 및 Firefox를 사용하여 모두 선택하고 모두 선택을 취소하면 모두 선택을 다시 시도하지 않습니다. jQuery, jQuery Mobile 또는 Javascript 문제 일 수도 있고 내가 잘못하고있는 것이 아닐 수도 있습니다. 그러나, 내가 뭔가 잘못하고 있다면, 나는 그 의견을 고맙게 생각할 것입니다.

Answer 1

이 작업을 시도 할 수 있습니다 :

다음

function selectAll(select) { 
    if (select == false) { 
     $("#sel").val([]); 
    } else { 
     $("#sel option").prop("selected", true); 
    } 

    $("#sel").selectmenu("refresh", true); 
} 

가 Demo이다.