`
jiony
  • 浏览: 185177 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

关于两个Select与a的赋值的JS脚本

阅读更多
<select onchange="showsp(this)">
    <option>请选择需要查看的信息:</option>
    <option value="gd">gz</option>
    <option value="hn">hn</option>
    <option value="hb">hb</option>
    <option value="sc">sc</option>
    <option value="yn">yn</option>
    <option value="fj">fj</option>
 </select>

 <select id="sp" onchange="show(this)">
 </select>
<a id="aa" href="http://www.taiheinfo.net"/>aa
 
<script>
function show(slt){
    if(slt.selected=true){
        document.getElementById("aa").href=slt.value+".html";
    }
}

//利用面向对象的思维定义省份对象
function province(){
    var gd=new Array();
    gd.push("广州","韶关");
    this.gd=gd;
    var hn=new Array();
    hn.push("长沙");
    this.hn=hn;
    var hb=new Array();
    hb.push("武汉");
    this.hb=hb;
    var sc=new Array();
    sc.push("成都");
    this.sc=sc;
    var fj=new Array();
    fj.push("厦门");
    this.fj=fj;
    var yn=new Array();
    yn.push("昆明");
    this.yn=yn;
}

//利用new来创建省份对象
var p=new province();
//显示对应省份的城市
function showsp (sp){
    //清空城市的选择框
    clu();
    //判断是否选择了省份
    if(sp.selected=true){
        //遍历省份的所有城市,并赋值给城市选择框
        for(var i=0;i<p[sp.value].length;i++){
            //创建一个Option
            var oOption = document.createElement("option");
            //将option添加到城市选择框中
            document.getElementById("sp").options.add(oOption);
            document.getElementById("sp").options[0].selected=true;
            //为option赋值
            oOption.innerText =p[sp.value][i];
            oOption.value =p[sp.value][i];
        }
    }
}
function clu()
 {
    //当有城市的时候,就清空
    while(sp.length>0){
          sp.options[0]=null;
      }
  }
</script>
0
1
分享到:
评论

相关推荐

    asp如何实现动态下拉菜单赋值给文本框

    在IT领域,特别是Web开发中,ASP(Active Server Pages)是一种服务器端脚本环境,用于创建和运行动态、交互式Web应用程序。本文将详细探讨ASP中如何实现动态下拉菜单赋值给文本框的两种方法,这在构建用户友好的...

    108个常用JS脚本

    - 在JavaScript中,可以使用`+`运算符来连接两个字符串。例如:`var name = "lightsword"; var greeting = "Hello " + name;` 11. **比较操作符**: - 常用的比较操作符包括:`==`(相等)、`!=`(不等于)、`&gt;`...

    一段批量给页面上的控件赋值js

    它接受两个参数: 1. `column`:一个数组,包含了需要赋值的控件ID。这些ID应该与数据库表的字段名相同,以便于对应。 2. `values`:一个对象,通常来自于服务器的响应,包含了要填充到页面上的数据。在这个例子中...

    Vbs脚本编程简明教程

    1. `Vbs脚本编程简明教程.doc`和`Vbs脚本编程简明教程.pdf`:这两份文档提供了详细的VBS教程,涵盖了基础知识和实例解析,是学习VBS的良好起点。 通过深入学习VBS,你可以有效地自动化日常任务,提升工作效率,并...

    js测试题目(选择题)

    1. 插入JavaScript脚本通常使用`&lt;script&gt;`标签,因此正确答案是B) `&lt;script&gt;&lt;/script&gt;`。 2. 实现单击按钮弹出消息框,需要使用`onClick`事件,所以正确答案是B) `鼠标响应 " onClick=alert(" 确定 ")&gt;`。 3. `...

    107个常用javascript语句

    40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回 value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n 1))...

    jsp和js编程基本函数总结

    这里的例子展示了如何在`&lt;a&gt;`标签上绑定两个不同的函数,一个是`updates_line`,接收一个字符串参数(`tempNews.getName()`),另一个是`deletes_line`,接收一个整型参数(`tempNews.getId()`)。 ```html out....

    js关键字总结 js关键字总结

    在JavaScript中,可以使用加号 (`+`) 来连接两个或多个字符串。 #### 12. 比较运算符 `==, !=, &gt;, &gt;=, &lt;, 这些是比较运算符,用于比较两个值之间的关系。 #### 13. 变量声明 `JS声明变量:var` 在JavaScript中,...

    js 例子 最常用的100个例子

    例如,如果页面中有两个表单,`document.forms.length` 的值为 2。 ### 26. 结束文档写入:`document.close()` `document.close()` 方法用于结束文档写入。当使用 `document.write()` 后,应调用 `document.close...

    JavaScript实现简单的四则运算计算器完整实例

    首先,HTML部分创建了一个基本的用户界面,包括两个输入框(`&lt;input type="text" id="txt1"/&gt;` 和 `&lt;input type="text" id="txt2"/&gt;`)用于输入数字,一个下拉选择框(`&lt;select&gt;`)让用户选择运算符(加、减、乘、除...

    JavaScript笔记

    |--3.concat()方法--用于连接两个或多个数组,该方法不会改变现有的数组 |--4.slice()方法--截取元素。根据给定的范围可从已有的数组中返回选定的元素 14.Function:js中一切都是对象,连方法都是1个对象!! ...

    javascript例子教程0614.pdf

    在提供的例子中,有两个函数`over()`和`out()`,它们分别在鼠标悬停和离开时被触发,改变段落`&lt;p&gt;`的class属性。当鼠标悬停时,`over()`将`testPara`元素的class设置为`testOver`,这会应用与这个class相关的CSS规则...

    Excel+VBA语句集以及VB脚本语言参考

    以下是关于Excel+VBA语句集以及VB脚本语言的一些关键知识点: 1. **VBA基础知识**: - **变量**:VBA中的变量用于存储数据,可以声明为不同数据类型,如Integer、Double、String等。 - **常量**:与变量相反,...

    javascript 帮助文档和HTML帮助文档(内含多个帮助文档)

    JavaScript,全称ECMAScript,是一种解释型的、跨平台的脚本语言,主要用于网页和网络应用的客户端编程。JavaScript 帮助文档可能会涵盖以下关键知识点: 1. **基础语法**:包括变量声明(var, let, const)、数据...

    JS/VBS教程chm手册

    JavaScript(简称JS)和Visual Basic Script(简称VBS)是两种常见的脚本语言,广泛应用于网页和系统自动化中。这份"JS/VBS教程chm手册"涵盖了这两种语言的基础到高级概念,是学习和提升这两种技术的宝贵资源。 ...

    js常用语句100条

    在IT领域,JavaScript(简称JS)作为一门广泛应用于网页开发的脚本语言,其灵活性和实用性使其成为前端开发不可或缺的一部分。下面将详细解析从给定文件中提取的关键知识点,涵盖JS的基本语法、DOM操作、数据类型...

    一些方案的实现方法js笔记

    JavaScript是一种广泛用于网页和网络应用的脚本语言,它主要负责处理用户的交互、操作DOM(文档对象模型)、以及实现动态内容。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax...

    javascript,VBScript关键字and保留字

    JavaScript 和 VBScript,虽然都是常用的脚本语言,但它们的关键字和保留字有所不同。 JavaScript 关键字: 1. `break`:用于跳出循环(如`for`,`while`)或者`switch`语句。 2. `case`:`switch`语句的一部分,...

    php参考试题.pdf

    选项C和D错误地描述了这两个语句的作用。 8. **数组元素计数**:`count()`函数用于计算数组中的元素数量。选项D正确,其他选项是错误的函数。 9. **文件操作**:`fopen()`函数用于打开文件以便进行读写操作。选项C...

Global site tag (gtag.js) - Google Analytics