`

同步页面上多个select的值

    博客分类：
  • js
金融JavaScriptHTML 
阅读更多

同步页面上多个select的值

<html>
	<script language="JavaScript" type="text/JavaScript">
	function synchronous(sr,des){
		alert("dd");
		des.selectedIndex =sr.selectedIndex; 
	}
	</script>
	<form name ="form1">
		<select name="select1" onchange="javascript:synchronous(select1,select2);">
			<option value="-1">全部</option>
			<option value="1">计算机</option>
			<option value="2">金融</option>
		</select>
		<select name="select2" onchange="javacript:synchronous(select2,select1);">
			<option value="-1">全部</option>
			<option value="1">计算机</option>
			<option value="2">金融</option>
		</select>
	</form>
</html>

 

分享到：
| window.parent与window.opener的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    select互选效果

    在网页设计中，"select互选效果"是一种交互设计特性，允许用户在两个或多个下拉选择框（`&lt;select&gt;`元素）之间进行双向选择，实现数据的同步更新。这样的功能常见于需要关联两个列表项的场景，比如地区选择、类别筛选...

    select2ztree.zip

    这种组件通常用于需要从层级结构中选择单个或多个项的场景，比如部门选择、角色分配等。 实现过程中，我们需要做以下关键步骤： 1. 引入依赖：确保页面中已经引入了jQuery、Select2和ZTree的相关JS和CSS文件。 2....

    SELECT下拉菜单美化

    在网页设计中，`SELECT`下拉菜单是一个常见的交互元素，用于用户在多个选项中进行选择。然而，原生的`SELECT`控件在样式上往往较为简陋，不符合现代网页设计追求美观、易用的需求。为了提升用户体验，开发者通常会...

    html select 可输入 可编辑

    `&lt;select&gt;`标签是HTML中用于创建下拉列表的元素，通常用于提供多个选项供用户选择。然而，标准的`&lt;select&gt;`元素并不支持用户直接输入自定义文本。为了实现一个既可输入又可编辑的下拉框效果，开发者通常会采用一些...

    基于Jquery模拟Select,解决IE显示问题

    在网页开发中，Select元素是HTML中用于创建下拉列表的常见组件，它允许用户从一组预定义的选项中选择一个或多个值。然而，在不同的浏览器中，Select的表现可能会有所差异，尤其是对于老旧版本的Internet Explorer...

    SELECT控件 美化

    在网页设计中，SELECT控件通常用于创建下拉列表，让用户在多个选项中进行选择。然而，原生的SELECT控件样式在不同浏览器之间存在差异，且样式控制能力有限，往往无法满足设计师对于美观和品牌一致性的要求。"SELECT...

    基于jquery的美化select插件

    在网页开发中，选择框（`&lt;select&gt;`）通常是页面交互中的重要元素，但其默认样式在不同浏览器间存在差异，且通常较为简陋。基于jQuery的美化select插件就是为了改善这种状况，提供统一、美观的下拉选择框界面，同时...

    select2.js

    2. **多选支持**：通过简单的配置，select2.js可以实现多选功能，用户可以通过拖拽、Ctrl/Command键来选择多个选项。 3. **无限滚动**：当选项过多时，select2.js会自动加载更多选项，避免一次性加载所有数据导致...

    select模拟多选下拉

    在网页开发中，"select模拟多选下拉"是一个常见的需求，特别是在需要用户选择多个选项时。传统的HTML `&lt;select&gt;` 元素虽然支持`multiple`属性实现多选，但其样式和交互方式往往不能满足现代网页设计的需求。因此，...

    selectbox Js实现的下拉复选框

    在本场景中，JavaScript用于动态创建和控制下拉复选框，使用户能够选择多个选项而不会占用过多的页面空间。通过事件监听和DOM操作，我们可以实现复选框的功能。 二、Selectbox原理 Selectbox是一种模拟复选框的下拉...

    bootstrap-select

    3. **多选支持**：用户可以同时选择多个选项，通过勾选复选框实现。这对于需要多项选择的场景非常有用。 4. **分组显示**：选项可以按照分组显示，方便用户理解和选择。 5. **实时反馈**：在用户做出选择时，...

    jquery select框应用jquery ui滑块slide

    3. **同步滑块和Select**：当滑块值改变时，同步更新Select框的值；反之，当Select框的值被直接修改时，也要同步滑块的位置。这一步在上面的代码中已经实现。 4. **自定义样式**：根据需求，可以使用jQuery UI的...

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    在前端开发中，有时我们需要实现一个具有多层级选择功能的下拉框，这在数据结构复杂、分类层次较多的情况下尤其常见。zTree.js 是一款强大的 jQuery 插件，专门用于构建这种多级树状结构，它能很好地解决这类问题。...

    下拉框(select)，可以多选，带有分组搜索功能

    这样的组件在处理大量数据或需要用户提供多个选择时特别有用。下面我们将详细探讨这些特性。 1. **多选功能**：在传统的单选下拉框中，用户只能选择一个选项。但在支持多选的下拉框中，用户可以同时选择多个选项，...

    自定义select下拉插件

    在网页设计和开发中，Select下拉列表是一个常见的表单元素，用于用户选择一个或多个预设选项。然而，原始的HTML Select控件在样式定制和交互性方面往往存在局限。为了解决这些问题，开发者通常会创建自定义的select...

    html多选下拉框 ，CheckBox的Select组件 可多选的下拉框

    - **值的获取**：在提交表单时，我们可以通过遍历`&lt;select&gt;`中的`&lt;option&gt;`来获取用户选择的值。 3. **样式美化** 为了提供与传统下拉框相似的外观，可以使用CSS对`&lt;label&gt;`进行样式设置，如背景、边框、字体等。...

    JS模拟IOS联动选择插件iosselect代码.zip

    同时，它还可能使用了数据绑定来保持选择状态，使得多个联动选择之间能正确同步。 总的来说，这个JS模拟IOS联动选择插件提供了直观的用户体验和灵活的可定制性，对于前端开发者来说是一个非常实用的工具。无论是...

    jQuery Select(单选) 模拟插件 V1.3.6

    在网页开发中，我们经常需要使用到选择器来获取用户的选择，原生的HTML `&lt;select&gt;` 元素虽然简单易用，但在样式定制和交互效果上往往显得力不从心。为了改善这一情况，许多开发者选择了使用JavaScript库，如jQuery，...

    layer插件select选中默认值的方法

    如果需要更复杂的操作，例如在函数中动态处理多个select，可以使用`layuiSelected()`这样的自定义函数，确保layer的样式与实际数据保持一致。在实际开发中，确保正确使用这些方法，能提高用户体验，同时简化代码维护...

Magicbox
Global site tag (gtag.js) - Google Analytics