`

同步页面上多个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的区别
评论
发表评论

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

相关推荐

    用JavaScript来美化HTML的select标签的下拉列表效果

    然后，用一个透明的div覆盖在原生select上，这个div看起来像是一个下拉列表，并且具有与原生select一样的功能。这个覆盖层可以使用CSS自由地进行样式设计。 5. 同步更新：无论是哪种方法，在用户选择了自定义下拉...

    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...

    el-select数据过多懒加载的解决(loadmore)

    懒加载是一种优化网页性能的方式，它允许只加载当前用户可见区域内的内容，当用户滚动到页面的其他区域时，再去加载更多的内容。在el-select组件中，懒加载可以应用于远程搜索的场景，也就是说，当用户在搜索框中...

    SELECT控件 美化

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

    基于jquery的美化select插件

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

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

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

    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的...

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

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

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

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

    layui-select动态选中值的例子

    通过`$div.find('.layui-this').removeClass('layui-this')`移除先前选中的项的`layui-this`样式，这是因为每次需要重新选中新的值时，都应该清除旧的选择状态，避免多个选项同时被选中。 3. 然后，获取当前行的...

    JS实现网页背景颜色与select框中颜色同时变化的方法

    ` 定义了一个包含多个颜色值的数组。 - **HTML文档结构**：通过`&lt;select&gt;`和`&lt;option&gt;`标签定义了颜色选项，并且设置了对应的值。 - **JavaScript与HTML交互**：通过`&lt;script&gt;`标签内的JavaScript代码，使用`...

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