<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>
分享到：
相关推荐
与传统的单选下拉列表相比，多选下拉列表允许用户同时选择多个值，极大地提高了用户体验和效率。 3. **复选下拉列表**： 复选下拉列表通常具有嵌套选项，即下拉菜单中的某些选项还可以展开为更具体的子选项。这种...
在Android开发中，"多选下拉列表"和"单选下拉列表"是常见的UI组件，用于在有限的选项中让用户进行选择。本话题主要关注如何实现自定义的Spinner和ListView，以支持多选功能。 Spinner是Android系统提供的一种简单...
`from.gif`可能是一个动画或示例图片，展示了多选下拉列表的功能。而在实际开发中，通常还会用到XAML文件（如`MainPage.xaml`）来定义UI布局和样式。 总结来说，这个项目涉及了自定义控件开发、数据绑定、MVVM模式...
多选功能允许用户在下拉列表中选择一个以上的选项，这对于需要收集多个选项的情况非常有用。MaxCombobox提供了便捷的多选机制，用户可以通过简单的操作来选择多个条目。 4. **单选支持**： 单选模式则限制用户...
本篇文章将详细讲解基于jQuery的下拉城市选择插件，这款插件支持单选和多选功能，并且具有关键词搜索功能。 首先，我们要了解这个插件的基本工作原理。在网页设计中，传统的HTML `<select>` 元素常用于创建下拉选项...
在“vue例子（实现单选、多选、弹窗等功能）”这个项目中，我们将深入探讨如何利用Vue.js来实现这些常见的UI交互功能。 首先，单选和多选是网页表单中常见的数据输入方式。在Vue.js中，我们可以利用v-model指令来...
在Android开发中，Spinner是一个非常常见的控件，它通常用于展示一个下拉列表供用户选择。本教程将详细讲解如何在Android Studio 3.0.1环境下实现Spinner的多选功能，这对于创建交互式用户界面非常有用。 首先，...
综上所述，"DropDownCheckList下拉列表多选"是一个功能强大的ASP.NET控件，结合了下拉列表的简洁性和复选框的多选性，为开发人员提供了一种高效且灵活的用户输入方式。通过学习和实践，开发者可以更好地满足用户在...
1. **下拉列表多选框**：传统的HTML `<select>` 元素只支持单选，但通过添加多选功能，用户可以在一个下拉菜单中选取多个值。这通常通过设置`<option>`标签的`multiple`属性来实现。 2. **多选框**：多选框...
在Windows Presentation Foundation (WPF) 中，`ComboBox` 是一个常用的控件，它结合了文本框和下拉列表的功能，通常用于单选操作。然而，对于需要用户选择多个选项的场景，WPF 默认的 `ComboBox` 控件并不支持。...
用户可以在下拉列表中看到一个树形结构，逐级展开节点，选择需要的项。这种组件特别适合于那些需要展示层级关系且允许用户多选或单选的情况，如部门组织结构、地区分类等。 2. **多选与单选支持** 在ExtJS 4.x的...
"C# winform 开发的带多选的下拉控件 自适应屏幕"这个主题涉及了两个关键点：多选下拉控件和控件的自适应性。下面将详细解释这两个核心知识点。 1. 多选下拉控件： 在标准的Windows Forms控件中，ComboBox通常用于...
本资源“jquery自定义风格独特的下拉列表控件(可实现单选和多选).zip”提供了使用jQuery创建一个具有独特风格且功能丰富的下拉列表控件的方法，特别适用于那些希望增强网站交互体验的开发者。 这个控件不仅限于传统...
- ComboBox是EXTJS中的一个基础组件，它是一个下拉列表，用户可以输入文本或从下拉列表中选择。 - TreePanel则是EXTJS用来显示树形结构数据的组件，它允许用户展开、折叠节点，以及选择节点。 2. **下拉菜单树...
如何在Winform程序中实现美观实用的可多选的下拉列表框，示例完整源码。（vs2019）winform开发人员都知道，微软自带的comboBox下拉控件只能单选，要想实现多选，可重写comboBox控件，但实现起来比较困难，调整思路，...
在HTML结构中，需要有对应的下拉列表或选择器元素，插件会自动绑定这些元素并初始化相关功能。 为了充分利用这个插件，开发者需要了解jQuery的基本语法和选择器，以及如何在JavaScript中操作DOM元素。同时，熟悉CSS...
当需要支持多选功能时，我们不能直接使用标准的ComboBox，因为默认情况下，ComboBox仅支持单选。不过，通过自定义控件，我们可以实现下拉框的多选功能。这里将详细讲解如何实现这一功能，以及如何结合其他UI元素，如...
本文将深入探讨一个名为"UxSuperBoxSelect"的用户扩展控件，它是一个增强版的下拉列表，提供了多选、删除和添加功能，极大地提升了用户体验。 1. **Super下拉列表控件（UxSuperBoxSelect）** UxSuperBoxSelect是...
本示例是关于如何在QT5.9环境下将QComboBox的下拉列表定制为包含复选框的教程。这一定制主要是通过继承QComboBox并重写其关键功能来实现的。以下是对这个过程的详细解释： 1. **创建自定义类**： 首先，我们需要...