无涯教程-jQuery - Select menu组件函数

小部件选择菜单功能可与JqueryUI中的小部件一起使用,它提供了可替换样式的选择元素。一个简单的选择菜单如下所示。

Select menu - 语法

$( "#menu" ).selectmenu();

Select menu - 示例

以下是显示选择菜单用法的简单示例-


 lang="en">
   
       charset="utf-8">
       name="viewport" content="width=device-width, initial-scale=1">
      </span><span class="pln">jQuery UI Selectmenu - Default functionality</span><span class="tag">
		
       rel="stylesheet" 
         href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
			
       type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      
		
       type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
      
  
      
		
      
   
	
   
       class="demo">
 
          action="#">
 
            
for="speed">Select a speed name="speed" id="speed"> Slower Slow selected="selected">Medium Fast Faster for="files">Select a file name="files" id="files"> label="Scripts"> value="jquery">jQuery.js value="jqueryui">ui.jQuery.js label="Other files"> value="somefile">Some unknown file value="someotherfile">Some other file with a very long option text for="number">Select a number name="number" id="number"> 1 selected="selected">2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

这将产生以下输出-

jQuery 中的 Select menu组件函数 - 无涯教程网无涯教程网提供小部件选择菜单功能可与JqueryUI中的小部件一起使用,它提供了可替换样式的选择元素。...https://www.learnfk.com/jquery/widget-selectmenu.html

你可能感兴趣的:(无涯教程,jquery)