`

单选下拉列表/多选下拉列表示例

 
阅读更多
<html>
<head>
<title>单选下拉列表/多选下拉列表示例</title>
<script type="text/javascript">
  function test1(obj)
  {
    var boxs=document.forms[0].month1.options
	alert(boxs[obj].value);//打印列表中被选中的值
	
  }

  function test2(obj){
  
   var boxs=document.forms[0]['month2'].options
   alert(boxs[obj].value);  //打印列表中被选中的值
  
  //打印出下拉列表中全部值
   var values=new Array();
   for(var i=0;i<boxs.length;i++)
	{
       values.push(boxs[i].value);
	}

	for(var i=0;i<values.length;i++)
	{
       alert(values[i]);
	}

  }
</script>
</head>
<body>
 <form>
  <table border="1" cellspacing="0" cellpadding="0" align="center">
    <tr>
	  <td><select name="month1" onChange="test1(this.options.selectedIndex)">
	       <option value="1">一月</option>
		   <option value="2">二月</option>
		   <option value="3">三月</option>
		   <option value="4">四月</option>
		   <option value="5">五月</option>
		   <option value="6">六月</option>
	  </select></td>
	</tr>
	<tr>
	  <td><select name="month2" onChange="test2(this.options.selectedIndex)" multiple size="10" style="width:100px">
	       <option value="1">一月</option>
		   <option value="2">二月</option>
		   <option value="3">三月</option>
		   <option value="4">四月</option>
		   <option value="5">五月</option>
		   <option value="6">六月</option>
	  </select></td>
	</tr>
  </table>
 </form>
</body>
</html>
分享到:
评论

相关推荐

    在Winform程序中实现美观实用的可多选的下拉列表框,示例完整源码

    如何在Winform程序中实现美观实用的可多选的下拉列表框,示例完整源码。(vs2019)winform开发人员都知道,微软自带的comboBox下拉控件只能单选,要想实现多选,可重写comboBox控件,但实现起来比较困难,调整思路,...

    伊兰COMBO (强大的Ext单多选下拉列表控件;带详细示例)

    强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.任文敏 * * 功能: * 1. 支持:★ 多选|单选 (isSingle:'N|Y') * 2. 多选支持: 全选/全不选 * 3. ★ 多选且分页支持: 全部清除 * 4...

    FineUI(ASP.NET UI控件) v4.1.2

    FineUI+2014-08-29 v4.1.2 -修正树控件的EnableIcons属性无效的问题。 -为树控件增加NodeDataBound事件,并增加示例tree/tree_...-增加示例:表单控件-&gt;下拉列表控件-&gt;多选下拉列表-&gt;多选(可过滤,强制选择)。

    sharingan-rn-modal-dropdown:使用react-native-modal和react-native-paper创建的简单且可自定义的react-native下拉列表

    单选,组选和多选下拉菜单 遵循材料设计规范 高度可定制 易于与和集成 使用 使用完全键入 演示版 安装 在项目根目录中打开一个终端,然后运行: yarn add sharingan-rn-modal-dropdown npm install sharingan-rn-...

    TestExpandList.rar

    ExpandableListView示例展示,实现联系人部门和员工两个级别的下拉列表; 支持联系人的多选、单选和全选,同时支持右侧indicator展示;

    Android 培训示例大全--18个单项功能实例源码.zip

    Android 培训示例大全--18个单项功能实例源码 Androidxxx LinearLayoutGridMenu proj_background ...下拉列表 代码布局 单选、多选按钮 图片按钮 对话框 数字测试 测试 自动补全 菜单 表格框架布局 进度条

    Eclipse_Swt_Jface_核心应用_部分19

    5.5.2 列表框程序示例 70 5.5.3 常用的方法 73 5.6 组合框(Combo) 74 5.6.1 组合框的样式 75 5.6.2 组合框程序示例 75 5.6.3 组合框的常用方法 77 5.6.4 自定义组合框CCombo类 77 5.7 本章小结 78 ...

    Excel VBA实用技巧大全 附书源码

    目录 01001获取Excel版本 01002获取Excel的安装路径 01003获取当前用户名称 ...01005获取当前操作系统的名称和版本号 01006获取启动Excel的路径 01007获取打开Excel文件时的默认路径 01008获取模板保存的默认路径 ...

Global site tag (gtag.js) - Google Analytics