<html>
<head>
<LINK href="img.css" type=text/css rel="stylesheet">
<style>
.dataCy { text-align: left; height: 150px; width:165px;overflow: auto; border: 2px inset #FFFFFF; position: absolute; left: 28; top: 35; background-color: #E5F1F9; border: 1 solid silver; visibility: hidden; }
</style>
<script>
function HtmlEncode(text) {
return text.replace(/&/g, "&").replace(/\"/g, """).replace(/</g, "<").replace(/>/g, ">");
}
function _checkbox(name, str, defv, IdSet) {
var arr = str.split(";");
var ck = "", bc = "";
for (var i = 0; i < arr.length; i++) {
var thisarr = arr[i].split("@=");
if (thisarr[0].length > 0) {
var t = (thisarr.length == 2) ? thisarr[0] : arr[i];
var v = (thisarr.length == 2) ? thisarr[1] : arr[i];
if (("," + HtmlEncode(defv).toLowerCase() + ",").replace(/ ,/g, ",").indexOf("," + v + ",") != -1) {
ck = " checked";
cls = "cked";
} else {
ck = "";
cls = "nock";
}
var thisstr = "<label class=\"" + cls + "\" for=\"i_" + name + "_" + i + "\" id=\"l_" + name + "_" + i + "\">";
thisstr += "<input class=\"checkbox\" onpropertychange=\"document.getElementById('l_" + name + "_" + i + "').className=(document.getElementById('i_" + name + "_" + i + "').checked)?'cked':'nock';\" onclick=\"document.getElementById('" + IdSet + "').value=_getv(" + name + "," + i + ");\" type=\"checkbox\"" + ck + " name=\"" + name + "\" id=\"i_" + name + "_" + i + "\" value=\"" + HtmlEncode(v) + "\" /> ";
thisstr += HtmlEncode(t) + "</label><br>";
document.write(thisstr);
}
}
}
function _getv(o, n) {
var allvalue = "", tempValue, k, chkflag = true;
if (typeof (o) == "undefined") {
return "";
}
if (typeof (o.length) == "undefined") {
if (o.checked) {
return o.value + ";";
} else {
return "";
}
}
if (n == 0) {//全选
if (o[0].checked) {
for (var i = 1; i < o.length; i++) {
o[i].checked = true;
}
} else {
for (var i = 1; i < o.length; i++) {
o[i].checked = false;
}
}
} else {//非全选
for (var i = 1; i < o.length; i++) {
if (!o[i].checked) {
chkflag = false;
break;
alert("false");
}
}
if (chkflag) {
o[0].checked = true;
} else {
o[0].checked = false;
}
}
for (var i = 0; i < o.length; i++) {
if (o[i].checked) {
tempValue = o[i].value;
k = tempValue.lastIndexOf("-");
if (k < 0) {
allvalue = tempValue;
return allvalue;
break;
}
tempValue = tempValue.substring(0, k);
allvalue += tempValue + ";";
}
}
var j = allvalue.lastIndexOf(";");
allvalue = allvalue.substring(0, j);
return allvalue;
}
</script></head>
<body>
<img alt="选择国家或地区" src="next.gif" border="0" width="16" height="16" onclick="if(country.style.visibility=='visible'){country.style.visibility='hidden';}else{country.style.visibility='visible';} ">
</img>
<input class="inputAllCy" id="selCountry1" name="selCountry1" value="所有国家和地区" onFocus="this.blur()">
<div nowrap id="country" class="dataCy">
<script language="javascript">
<!--
_checkbox("city","所有国家和地区;US-美国;CN-中国;WO-世界知识产权组织","","selCountry1");
//-->
</script>
</div>
</body>
</html>
分享到：
发表评论
-
仿firebug的控制台输出，兼容IE
2010-03-03 16:52 1745我离不开firefox，主要是离不开firebug，用fire ... -
Javascript作用域浅析
2010-03-03 14:34 793学习任何编程语言，都逃不过理解变量的作用域。 在javasc ... -
javascript函数
2010-03-03 14:29 762函数是指定义一次却可以调用多次或是运行多次的javascrip ... -
jquery.autocomplete 最简化
2010-03-02 14:07 909<!DOCTYPE HTML PUBLIC " ... -
JavaScript高级教程一书开头
2010-03-02 13:57 636JavaScript的特性中有一部 ... -
jquery部分常用表达式
2010-03-02 13:55 901一、 Jquery 头标题位置 第一行 <scrip ... -
jQuery方法大全
2010-03-02 13:54 795Dom： Attribute： $("p& ... -
隐藏列表显示状态的js技巧
2010-03-02 13:51 827function hidConutry(evt){ ... -
页面右键菜单Beta2(兼容fw)
2010-03-02 13:50 789//右键菜单js代码开始 var newX,newY; ... -
表单提交前验证
2010-03-02 13:49 1191function checkForm(frm){ var ... -
用JS或jQuery访问页面内的iframe,兼容IE/FF
2010-03-02 13:48 1008用JS或jQuery访问页面内的iframe,兼容 js或者 ... -
window.open()的所有参数列表
2010-03-02 13:46 5491、最基本的弹出窗口代码】 <SCRIPT ... -
项目中的新窗口弹出
2010-03-02 13:45 663var wp=window.parent; var c ... -
一套舍不得扔的Tab方案
2010-03-02 13:40 809(function($){ $.fn.ltab ... -
区域右键方案
2010-03-02 13:33 703<!DOCTYPE html PUBLIC " ... -
Jquery1.3.2 单选按钮取值
2010-03-02 13:29 856<input type="radio" ...
相关推荐
聚合物国家/地区选择器 Note: please don't use this element yet. There's a problem where elements ... 默认行为是仅创建彼此相邻的国家和地区下拉列表。 演示 查看 。 其中包含大量示例，说明如何根据需要配置组件
而“下拉列表二级联动”则是在此基础上的一种高级应用，它允许用户在选择第一个下拉列表的某个选项时，自动更新第二个下拉列表的选项，从而实现更加动态和智能的用户界面。这种技术广泛应用于各种场景，如地区选择...
在网页设计和开发中，`input`级联下拉列表是一种常见的交互元素，它允许用户在选择一个选项后，根据该选项的值动态地显示相关的第二个或更多下拉列表。这种设计模式通常用于处理层级关系的数据，如国家/地区、省份/...
这个库提供了一对React组件来显示连接的国家和地区下拉列表（选择一个国家，它显示了相关的地区）。 如果您不使用React，请改用普通的JS版本。 国家和地区列表是单独维护的，可以在国家/地区数据仓库中找到。 特征 ...
"多选下拉列表"和"复选下拉列表"是常见的组件，用于提供用户在一组选项中进行多个选择的功能。这些组件通常用于数据筛选、配置设置或信息录入等场景。本主题将深入探讨基于jQuery的多选下拉列表插件及其应用。 1. *...
在构建Web应用时，有时我们需要为用户提供一个下拉列表，其中包含了世界上所有国家或地区的名称。这通常是出于用户选择其国籍、地理位置或者设置偏好等需求。在这个场景中，"在下拉列表中加载世界的所有国家/地区...
总的来说，这个级联下拉列表的实现利用了jQuery库的便利性，通过JavaScript动态处理数据和DOM，提供了一种交互式的地区选择方式。在实际开发中，这样的功能可以应用于各种需要选择地理位置的场景，如物流地址填写、...
除了静态配置外，dropList v1.1还支持通过JavaScript动态添加下拉列表和选择项。这一功能使得在运行时根据用户操作或服务器返回的数据实时更新列表变得可能，为网页增加了动态响应的能力。 在实际应用中，例如“dp...
标题中的“全球国家地区及城市汇总（含sql和json）下载”揭示了这是一个包含全球国家、地区和城市信息的数据资源，提供了SQL和JSON两种格式的数据。SQL是结构化查询语言，常用于数据库管理，而JSON（JavaScript ...
例如，一个包含国家/地区的列，可以设置为下拉列表，列出所有可选的国家，避免用户手动输入错误。 实现这个功能，开发者可能需要以下步骤： 1. **创建表格控件**：在程序中实例化表格控件，并设置其属性，如行数、...
标题中的“全球大洲国家地区SQL数据表含中英文名称以及地区代码和关联ID”指出，这个资源是一个SQL数据表，包含了全球所有大洲、国家和地区的相关信息。这些信息不仅有中文名称，也有英文名称，这表明数据表设计时...
这种技术通常用于多级分类选择，如国家/地区、城市、区县等，能够提供流畅的用户体验。 Ajax（Asynchronous JavaScript and XML）是实现这一功能的核心技术。它通过JavaScript异步地与服务器进行通信，可以在不打断...
以上就是基于AJAX实现的二级联动下拉列表和输入提示的基本原理和步骤。这个项目是一个典型的实例，可以帮助开发者了解如何在实际应用中运用这些技术。通过不断实践和优化，我们可以提供更加高效、友好的用户体验。
级联下拉通常用于需要关联数据的情况，例如国家/地区和城市的选择，其中选择一个国家后，下拉列表会自动更新为该国的城市列表。 1. **DWR配置**： 首先，我们需要在Web应用的`web.xml`文件中配置DWR的Servlet，...
本示例"基于jquery+json的通用三级联动下拉列表"就是一种实现这种功能的方法，它结合了jQuery库的灵活性和JSON数据格式的强大。 **jQuery** 是一个广泛使用的JavaScript库，简化了DOM操作、事件处理、动画和Ajax...
在这个场景下，`linkedSelect.js`可能包含了一个类或函数，用于创建和管理这些联动的下拉列表。 创建这样的控件通常涉及以下几个关键步骤： 1. **初始化**：在页面加载完成后，使用JavaScript获取HTML元素（通常是...
本资源“世界主要国家地区JS三级联动菜单”提供了一个实用的解决方案，旨在帮助开发者实现一个高效、易用的多级下拉菜单，特别适用于展示世界不同国家和地区的分类信息。 三级联动菜单是一种常见的交互设计，它由三...
标题 "C#中国地区三级联动下拉菜单" 描述了一个常见的网页开发问题，即在C# ASP.NET项目中实现中国地区的三级联动下拉菜单时遇到的编码问题。开发者通常会从网上找到JavaScript代码来实现这一功能，但在将.js文件...
4. 接下来，要为下拉列表添加标签，例如“我们去过哪些国家”。 5. 在标签的下边，点击下拉选框，然后选择“添加列表项”。在弹出的对话框中输入具体的选项值，比如各个国家的名称。每个选项值都需要单独添加。 6....