首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquerymobile:多选下拉菜单

问jquerymobile:多选下拉菜单
EN

Stack Overflow用户
提问于 2011-10-03 14:45:59
回答 1查看 1.9K关注 0票数 0

我的jquerymobile表单有一个选项分组的多部分下拉列表。在加载表单时,我必须设置一些默认选项。我试过像这样

代码语言:javascript
复制
$('#myselect')[0].selectedIndex = 2;
$('#myselect')[0].selectedIndex = 3;
$('#myselect')[0].selectedIndex = 5;
$('#myselect').selectmenu("refresh");

但是只有第五个选项被选中,如何使用js为多个选项设置selected option true。

+++编辑++++

代码语言:javascript
复制
<!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>

谢谢,内哈塔

EN

回答 1

Stack Overflow用户

发布于 2011-10-03 15:14:54

多个选择框处理多个值的数组,例如

代码语言:javascript
复制
$('#myselect').val([2,3,5]);

您可以在@ http://api.jquery.com/val/中找到示例

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7631798

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档