级联选择控件 JS

最新推荐文章于 2024-08-01 15:15:14 发布

原创最新推荐文章于 2024-08-01 15:15:14 发布 · 961 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#generator #function #javascript #html #action #null

级联选择控件 JS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<SCRIPT LANGUAGE="JavaScript">...

<!--

var cities = new Array(4);

cities["Australia"] = ["Sydney","Melbourne"];

cities["France"] = ["Paris","Lyon"];

cities["Japan"] = ["Tokyo","Kyoto"];

cities["New Zealand"] = ["Auckland","Wellington"];

function removeOption(optionMenu)

...{

for (var i=0;i<optionMenu.options.length ;i++ )

...{

optionMenu.options[i] = null;

}

function addOptions(optionList,optionMenu)

...{

removeOption(optionMenu);

for (var i=0;i < optionList.length ;i++ )

...{

optionMenu[i] = new Option(optionList[i],optionList[i]);

}

//-->

</SCRIPT>

</HEAD>

<BODY>

国家： <SELECT NAME="country" onchange="addOptions(cities[this.options[this.selectedIndex].text],document.testform.city);">

<OPTION VALUE="" SELECTED>Australia</option>

<OPTION VALUE="">France</OPTION>

<OPTION VALUE="">Japan</OPTION>

<OPTION VALUE="">New Zealand</OPTION>

</SELECT>

<br>

城市<SELECT NAME="city">

<OPTION VALUE="">Sydney</OPTION>

<OPTION VALUE="">Melbourne</OPTION>

</SELECT>

</FORM>

</BODY>

</HTML>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ChoTech

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

省市区js级联控件，附带SQL语句

04-15

省市区js级联控件，附带SQL语句

精选资源

基于jquery的H5移动端选择器，日期选择器，自定义级联选择器，自定义html选择器

01-31

级联选择器（Cascading Selectors）则是一种允许用户从一系列相关选项中逐级选择的控件。例如，在一个国家/地区选择器之后，可能会有一个相应的城市选择器，城市列表根据之前选择的国家动态加载。级联选择器提高了...

参与评论您还未登录，请先登录后发表或查看评论

javascript级联插件

littlehow的专栏

04-06

1072

(function(){ /** 获取对象 */ var $ = function(id){ return typeof id == "string" ? document.getElementById(id):id; }; /** 绑定事件流 */ var bind = function(obj, eventName, funcionName){ if(obj.addEvent

级联控件ID

weixin_30651273的博客

05-15

121

代码如下 1namespaceDSKJ.WebUI.WebControls 2{ 3publicclassControlConverter:ControlIDConverter//StringConverter 4{ 5protectedoverrideboolFilterControl(Controlcontrol)...

级联控件大数据解决方案

04-09

238

级联控件是在web开发中经常使用的，特别是在信息录入页面。级联控件也是我们开发人员及其头痛的开发之一（至少我是这样的），特别是当级联数目相当多时这个问题就更明显了。设想我们要编写一个省、市、县、乡、村的5级级联，如果这要完全动手写，那么…… JAVA与级联：现阶段JSP页面（不考虑W...

基于JEECG制作一个通用的级联字典选择控件-DictCascadeUniversal

技术+管理+经验+沟通+人品=>合格的项目管理者

07-23

1240

而绝大部分字典的字段简单，且高度一致。建议一个通用的字典表，并设计一个灵活度高的字典选择控件能大大提高效率。很多低代码开发平台提供了基础字典的通用方式，但灵活度上稍有欠缺，如显示效果不好，不能管理级联（树状）字典信息……为减少输入，标准化输入内容，使得数据更加准确地被输入。目前共配置了4种方式，可通过对组件的修改，不断增加选择样式。获取值通过@getSelectedItem方法，获取的是对象，属性丰富。针对上面两个问题，进行一个方便管理，方便自定义的通用字典选择控件。...

深入解析Ext JS的树形级联选择控件及其实例用法

在介绍Ext JS框架中的级联选择树形控件之前，有必要先对Ext JS这个框架做一个简单的说明。Ext JS是一个基于JavaScript的开源框架，它为开发丰富的、响应式的Web应用程序提供了一整套用户界面组件和数据处理机制。它...

EXTJS实现部门与用户级联选择控件功能

在EXTJS框架中，实现部门和用户选择控件通常意味着需要创建一个级联的控件，以便用户能够选择部门和随后选择该部门下的用户。在描述中提到了可以单独选择部门、单独选择用户，以及级联选择特定部门下的所有员工。这...

基于vue2.0实现的级联选择器

08-30

级联选择器是一种常见的选择控件，在Web开发中经常使用，用于实现选择、筛选、分类等功能。级联选择器可以分为单项、多项、级联、多级级联等类型，常见于表单、下拉框、树形结构等场景。知识点二：vue2.0实现级联...

angularjs实现的省市区地址级联选择器

06-01

在本文中，我们将深入探讨如何使用AngularJS实现一个省市区地址级联选择器。AngularJS是一个强大的前端JavaScript框架，它提供了数据绑定、依赖注入、指令系统等特性，使得开发动态Web应用变得更加简单。在这个特定...

JS实现树型级联选择

08-04

用JS实现树型结构的级联选择..类似XP的资源管理器.

三级联动地区控件

12-26

三级联动:就是平时网页上需要选择的省市县对应位置的下拉栏模块,当选择好省位置后市的下拉栏更新为已选省

实用jQuery省市区三级城市级联下拉菜单选择插件jQuery cxSelect

01-02

实用jQuery省市区三级城市级联下拉菜单选择插件jQuery cxSelect，功能强大非常不错的jQuery插件，支持省市区三级联动以及全球国家城市的联动，数据采用JSON格式导入，非常方便的，强大的参数自定义功能，还可以自定义数据结构，也就是说无论是别的几级数据都可以进行联动选择。使用方法： 1.加载插件 <script src="jquery.js"></script> <script src="jquery.cxselect.js"></script> 2.HTML结构  <div id="element_id"> <select class="province"></select> <select class="city"></select> <select class="area"></select> </div> 3.函数调用 // selects 为数组形式，请注意顺序 $('#element_id').cxSelect({ selects: ['province', 'city', 'area'], nodata: 'none' }); // 设置全局默认值，需在引入 <script src="jquery.cxselect.js"></script> 之后，调用之前设置 $.cxSelect.defaults.url = 'cityData.min.json'; // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件 $.cxSelect.defaults.nodata = 'none';

三级联动-级联选择器.zip

04-30

三级联动-级联选择器原文地址：https://blog.youkuaiyun.com/qq_43592352/article/details/100266253

树形控件复选框的级联选择

weixin_30733003的博客

07-12

533

用到TreeView的CheckBox时,通常需要联动操作,即父节点被选中,则子节点全部选中,反之一样,这样的需求用JavaScript实现比较适合,如果用c#代码实现这样的效果,性能是不如JavaScript的贴上代码: Code<scripttype="text/javascript"language="javascript">//checkb...

一个简单的级联DropdownList自定义控件

zhy2002的专栏

12-12

1332

效果：避免了选择item时页面刷新或ajax延迟。测试用的数据库脚本和数据：create table tbl1( CityID int primary key identity(1,1), CityName nvarchar(50) not null,)gocreate table tbl2( AreaID int primary key identity(1

vue2-级联选择器