jquerymobile: mutli selection dropdown_问答_开发者

开发者 https://www.devze.com 2023-04-10 09:35 出处：网络

My jquerymobile form has a optgrouped multi section dropdown. Upon form loading I have to set some default options. I have tried like

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

But only 5th option is getting selected, how to set selected option true for multiple options using js.

+++ EDIT ++++

<!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=getDropd开发者_运维百科ownValues',
            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>

Thanks, nehatha

Multiple select boxes deals with array for multiple values e.g.