jquerymobile : mutli 선택 드롭 다운

내 jquerymobile 양식에는 optgrouped multi section 드롭 다운이 있습니다. 양식로드시 일부 기본 옵션을 설정해야합니다. 내가 JS를 사용하여 여러 옵션에 대한 진정한 선택 옵션을 설정하는 방법jquerymobile : mutli 선택 드롭 다운

$('#myselect')[0].selectedIndex = 2; 
$('#myselect')[0].selectedIndex = 3; 
$('#myselect')[0].selectedIndex = 5; 
$('#myselect').selectmenu("refresh");

만 5 옵션을 선택지고, 같은 노력했다.

+++ 편집 ++++

<!DOCTYPE html> 
<link rel="stylesheet" href="jquery.mobile-1.0b3/jquery.mobile-1.0b3.min.css" />   
    <script src="jquery.mobile-1.0b3/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript"> 
     $("#account").live("pagecreate", function(event){ 
      if(navigator.userAgent.match(/android/i)) { 
       loadOrgDropdown(); 
      }   
     }); 

</script> 

<script src="jquery.mobile-1.0b3/jquery.mobile-1.0b3.min.js"></script> 
<script src="js/common.js"></script> 
<script type="text/javascript"> 


     function loadDropdown() { 
      jQuery.ajax(
        { 
      url   : 'PocketmediServices.php?service=getDropdownValues', 
      type  : 'get', 
      dataType : 'json', 
      beforeSend : function(){ 
      }, 
      error  : function(){ 
         if (typeof Android != 'undefined') { 
          Android.dismissLoadinDialog(); 
         } 
      }, 
      success  : function(data){ 
       if(data.response.getDropdownValues.dropdownList !== undefined) { 
       var count = -1; 
       var selected = -1; 
       $.each(data.response.getDropdownValues.dropdownList, function(key, val) { 
        count++; 
        $('#myselect') 
        .append($('<option>', { value : val.item.Code }) 
        .text(val.item.Name)); 
        if($.inArray(val.item.optionval, previousSelected) >=0) { 
         $('#myselect')[0].selectedIndex = [3,5]; // hard coded for now. 
        } 
       }); 
       $('#myselect').selectmenu("refresh"); 
       }  
      }, 
      complete : function(req){ 
      }, 
      }); 

     } //loadDropdown 

    </script> 

    <div data-role="fieldcontain"> 
     <label for="organization">Organization:</label> 
     <select name="organization" id="organization" data-native-menu="false" multiple > 
      <optgroup label="s" id="org_s"></optgroup> 
      <optgroup label="Support Networks" id="org_support_networks"></optgroup> 
     </select> 
    </div>

감사합니다, nehatha

출처

2011-10-03 Venkat Papana

다중 선택 상자는 예를 들어, 여러 값에 대한 배열을 다루고

$('#myselect').val([2,3,5]);

당신은 http://api.jquery.com/val/

출처

2011-10-03 07:14:53 Jayendra

안녕 @Jayendra 파틸 @ 예를 찾을 수 있습니다, 나는이 ERR을 받고, ''$ ("#의 myselect은") [0] .val는 function' 없습니다. 나는 $ ('# myselect') [0] .selectedIndex = [2,3,5];를 시도했지만 작동하지는 않는다. –

jsfiddle에 코드를 게시하면 디버깅에 도움이됩니다. – Jayendra

안녕 Jayendra patil, jsfiddle에 관한 것이 아니며, 내 원래 질문을 내 코드로 업데이트했습니다. 한 번 확인하십시오. 감사. –

jquerymobile : mutli 선택 드롭 다운

답변

관련 문제