jQuery Mobile Selectmenu iconpos 选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Selectmenu iconpos选项。此选项用于指定图标在选择按钮中的位置。它的可能值是左、右、上、下、注释。 notetext 值会将选择显示为仅图标按钮，没有文本反馈。

语法：使用指定的iconpos选项初始化 Selectmenu。

$( ".selector" ).selectmenu({
iconpos: "right"
});

• 设置 iconpos 选项：

  $( ".selector" ).selectmenu( "option", "iconpos", "right" );

• 获取 iconpos 选项：

  var disabled = $( ".selector" )
      .selectmenu( "option", "iconpos" );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile Selectmenu iconpos选项。

HTML

  

    
    
    
    
  
    
    
    
        .highlight {
            border: 5px solid green;
        }
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Selectmenu iconpos Option
            
                
                    GeeksforGeeks Courses:
                
                
                    C Programming
                    C++ Programming
                    Java Programming
                    Python Programming
                    Web Development
                
            
            
            
        
    
    
        $(document).ready(function () {
            $("#GFG").selectmenu({
                iconpos: "right",
                classes: {
                    "ui-selectmenu": "highlight"
                }
            });
            $("#GFG").selectmenu("option", "iconpos", "right");
            $("#Button").on('click', function () {
                var a = $("#GFG").selectmenu("option", "iconpos");
                $("#log").html(a);
            });
        });
    

  

输出：

参考： https://api.jquerymobile.com/selectmenu/#option-iconpos