<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkSelect1(){
var selectArray = document.getElementsByName("select1");
var upSelect = "";//当前要比较的对象
var selectValue = "";//要比较的后一个对象
for(var i=0; i<selectArray.length-1; i++){
for(var j=i+1;j<selectArray.length; j++){
upSelect = selectArray[i].value;
selectValue = selectArray[j].value;
if(upSelect == selectValue && upSelect != "" && selectValue != ""){
alert("第"+selectValue+"完成人重复！");
selectArray[j].focus();
}
}
}
return true;
}
function checkSelect2()
{
var selectArray = document.getElementsByName("select1");
var selectArray2 = document.getElementsByName("select1");
for(var i=0; i<selectArray.length; i++)
{
//当前比较的对象
var curselect =selectArray[i].value;
for(var j=i+1;j<selectArray2.length;j++)
{
//如果该值已选择
if(curselect==selectArray2[j].value)
{
window.alert("第"+curselect+"完成人重复！");
selectArray2[j].focus();
return false;
}
}
}
return true;
}
//-->
</SCRIPT>
<BODY>
<form>
<table>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="提交" onclick="checkSelect2();"/>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
[align=left][/align][size=xx-small][/size]
分享到：
相关推荐
这个"基于bootstrap做的地域选择下拉框"资源，正如其名，提供了一个利用Bootstrap框架实现的交互式地域选择组件，适用于需要用户选择地理位置的网页应用。 Bootstrap框架的核心特性包括其预设的CSS样式、组件和...
这样的自定义组件使得开发者能够更便捷地在C#应用程序中处理颜色选择，避免了重复编写相同代码，并提供了统一的用户界面。在mschart或其他需要颜色选择的场景中，这个自定义组件无疑会大大提高开发效率和用户体验。
为了提升用户体验，还可以添加一些额外的功能，如禁用已移动的选项，防止重复选择；使用AJAX动态加载选项；或者添加键盘快捷键支持等。这些扩展将使下拉框左右选择功能更加完善和实用。 总之，使用jQuery实现下拉框...
下拉框的设计不仅仅是为了美观，更重要的是它能有效地节省屏幕空间，提高交互效率。描述中提到的“三种风格样式”可能指的是简约风格、经典风格和现代风格，或者是具有不同颜色、形状或动画效果的版本。每种风格都...
无限极分类下拉框通常用于展示具有层级结构的数据，如产品分类、地区选择等，用户可以选择任意级别的分类，而不仅仅是最高级或最底层。 ### 无限极分类下拉框的实现原理 在实现无限极分类下拉框时，关键在于递归...
6. **优化用户体验**：考虑触摸设备的适配，确保下拉框在触屏上也能正常工作。可能需要调整触摸区域和响应时间。 7. **代码组织**：为了保持代码的整洁和可维护性，可以将下拉框的逻辑封装成一个自定义组件，这样...
在实际应用中，我们经常需要实现一个下拉框的选择项会影响到另一个下拉框的显示内容，这就是所谓的联动效果。例如，一级下拉框选择省份后，二级下拉框会自动更新为对应省份的城市列表。 在提供的`fzzx.zip`压缩包中...
- **创建次级下拉列表**：为次级下拉框重复上述步骤，但需要在源中使用公式引用主下拉框的选择，以实现联动。例如，如果A列是主列表，B列是次级列表，可以在B列的数据验证源中输入`=INDEX(CityList,MATCH($A1,...
在OA系统中，这种自动赋值的功能可以广泛应用于各种表格数据录入界面，尤其是当需要大量重复性的数据录入时，可以显著提高工作效率和减少错误率。 ### 5. 总结 本文详细介绍了在OA系统二次开发中如何利用...
在这个特定的场景中，我们关注的是Element-UI中的选择器组件——`<el-select>`，特别是如何实现多选下拉框的全选功能。在实际应用中，全选功能常用于批量操作，如用户一次性勾选多个选项进行批量删除、导出等操作。 ...
【PB多选下拉框】是一种在PowerBuilder（PB）应用程序中实现的用户界面组件，它允许用户在下拉菜单中选择多个选项。PB90指的是PowerBuilder 9.0版本，这是一款由Sybase公司（现已被SAP收购）开发的可视化编程工具，...
这种设计允许用户通过选择一个选项触发其他下拉框的更新，形成一种联动效果，通常用于地区选择、分类筛选等场景。下面我们将深入探讨这一主题，讲解其工作原理、实现方式以及相关的编程知识点。 1. **工作原理**： ...
在IT领域，尤其是在网页开发中，下拉框（Dropdown）是一种常见的用户界面元素，用于提供用户选择特定选项的交互方式。本主题聚焦于"省市二级、省市县三级下拉框"，这是一种专为选择中国省级、市级以及县级行政区划而...
同时，添加键盘导航支持，使得用户可以用上下箭头键选择选项，Enter键确认选择，Esc键关闭下拉框。 6. **响应式设计**：考虑到不同设备和屏幕尺寸，复选下拉框需要适应各种分辨率。使用媒体查询（`@media`）和...
传统的下拉框允许用户从预定义的选项中进行选择，但不支持用户直接在框内输入自定义值。而可编辑下拉框则突破这一限制，允许用户在输入框中直接输入，同时保持下拉列表功能，以便用户在输入时能够匹配并选择合适的...
在不同设备和屏幕尺寸上，下拉框应能适应并保持良好的可用性，如在移动设备上可能需要调整布局和交互方式。 总之，支持手动输入的下拉框是提高用户体验的重要工具，开发者需要关注其功能实现、性能优化、无障碍性...
在IT领域，"JQ 下拉框左右选择"通常指的是使用jQuery库实现的一种交互式下拉选择组件。这种组件允许用户在两个独立的下拉框之间进行选择和移动选项，常用于实现数据分类、筛选或者分配功能。在这个场景中，"源码...
当需要支持多选功能时，我们不能直接使用标准的ComboBox，因为默认情况下，ComboBox仅支持单选。不过，通过自定义控件，我们可以实现下拉框的多选功能。这里将详细讲解如何实现这一功能，以及如何结合其他UI元素，如...
7. ** Accessibility（无障碍性）**：为了确保所有用户都能访问和使用这个自定义下拉框，开发者需要遵循Web内容无障碍指南（WCAG），比如设置合适的`tabindex`属性，处理键盘导航，以及为视觉障碍用户提供适当的ARIA...