`

选择一个下拉列表的值改变另一个下拉列表的值

 
阅读更多
//改变贴脸型号,相应改变贴脸宽度
  function check_tlkd(i){
  
   //获得id为sel_tlxh下拉列表的值
    var tlxh = document.getElementById("sel_tlxh"+i).options[window.document.getElementById("sel_tlxh"+i).selectedIndex].text;
    document.getElementById("sel_tlkd"+i).options.length = 0;
     
   //获得id为sel_tlkd的下拉列表
    var objSelect = document.getElementById("sel_tlkd"+i);

   //当tlxh为1#时,sel_tlkd里面的值为60
    if(tlxh == "1#"){
      var objOption = new Option("60","298");
      objSelect.add(objOption, 0);
    }

    //当tlxh为1#时,sel_tlkd里面的值为80
    else if(tlxh == "2#"){
      var objOption = new Option("80","298");
      objSelect.add(objOption, 0);
    }

    //显示其他的值
    else{
      var objOption = new Option("选择","0");
      objSelect.add(objOption, -1);
      var objOption = new Option("60","298");
      objSelect.add(objOption, -1);
      var objOption = new Option("80","299");
      objSelect.add(objOption, -1);
      var objOption = new Option("其他","999");
      objSelect.add(objOption, -1);
    }
  }







紫色头发:http://zisetoufa.iteye.com/
分享到:
评论

相关推荐

    下拉框值触发另一个下拉框

    在这个函数中,我们可以获取当前选中的值,并根据这个值来改变另一个下拉框的状态。如果值为空,我们可以设置另一个下拉框为不可选,即禁用状态: ```javascript var dropdown2 = document.getElementById('...

    下拉列表二级联动

    二级联动的核心在于监听第一个下拉列表的`onChange`事件,当用户在第一个下拉列表中选择一个选项时,触发该事件,通过JavaScript获取当前选中的索引或值,然后根据这个信息动态地更新第二个下拉列表的选项。...

    LabVIEW实现下拉列表菜单

    当用户在下拉列表中选择一个新项时,对应的事件结构将被触发,你可以在此编写代码来处理用户的选取,比如更新其他界面元素,执行相应的函数,或者保存用户的偏好设置。 在LabVIEW中,下拉列表控件是构建用户友好...

    Excel-VBA宏编程实例源代码-在列表框或者下拉列表中选择数据并显示在指定的单元格中.zip

    列表框允许用户从多个选项中选择一个或多个项目,而下拉列表则限制用户只能选择单个项。在VBA中,我们可以使用Form Control或ActiveX Control来添加这些控件到工作表上。一旦创建,可以通过其Name属性来引用它们。 ...

    解决dropdownlist数据绑定后选择下拉列表后返回的值不变或为空的问题

    解决dropdownlist数据绑定后选择下拉列表后返回的值不变或为空的问题!!我就是这样解决的。本来运行好好的,后来突然不行了。。。抓耳挠腮,终于发现原来是这个原因。

    HTML二级联动下拉列表框的实现,如选择 省,市.zip

    HTML二级联动下拉列表框是一种常见的网页交互设计,它允许用户在两个或多个下拉菜单之间建立关联,以便根据用户在第一个下拉框中的选择动态更新第二个下拉框的内容。这种设计常见于区域选择,例如选择省份后,城市...

    servlet+ajax做的两个下拉列表联动

    这种技术通常应用于表单中,当用户在一个下拉列表中选择一个选项时,另一个下拉列表会根据所选选项动态更新其内容。这在处理关联数据或筛选条件时非常有用,例如选择国家后,城市下拉列表自动更新为对应国家的城市。...

    使用JQuery左右移动下拉列表框中的值

    4. **移动选项**:根据需求,将选中项从一个下拉列表移动到另一个。这涉及到`append()`或`prepend()`方法来添加选项,以及可能的`remove()`方法来移除原始位置的选项。 ```javascript if (selectedOption.length >...

    带下拉列表的搜索框

    在IT领域,尤其是在前端开发中,创建一个带有下拉列表的搜索框是常见的需求,它通常用于提供用户友好的交互体验,帮助用户快速找到并选择他们想要的选项。"带下拉列表的搜索框"这一设计是模拟了HTML中的`<select>`...

    C# 使用下拉列表框动态查询数据库

    在C#编程中,下拉列表框(ComboBox)是一种常用的用户界面元素,它允许用户从预定义的选项中选择一个值。在这个特定的例子中,我们探讨的是如何利用C#和SQL Server 2005数据库进行动态查询。动态查询意味着在用户从...

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    这个函数将在用户改变下拉选择框的选项时被触发。 ```javascript document.getElementById('uiSel').onchange = function() { // 函数体内容 }; ``` 在onchange事件处理函数中,我们首先判断当前选中的option是否...

    DataGrid里嵌套下拉列表

    而“DataGrid里嵌套下拉列表”是一种增强交互性的设计,允许用户在一个单元格内选择一个下拉列表,这个下拉列表的选择会影响当前`DataGrid`行的其他数据。这种设计常见于数据关联性较强的应用场景,例如,一个产品...

    jquery简单实现级联下拉列表

    级联下拉列表是指当用户在一个下拉列表中选择某个选项时,会触发另一个或多个下拉列表的更新,以便显示与之相关的选项。这种交互方式可以提高用户体验,简化复杂的数据选择过程。 ### jQuery在级联下拉列表中的应用...

    最好的下拉选择框

    在网页设计和开发中,"下拉选择框"(Dropdown Select)是一种常见的用户界面元素,它允许用户在一组预设的选项中进行选择。这种组件在各种表单、搜索过滤和配置界面中广泛使用,因为它可以节省空间并提供清晰的交互...

    图片选择显示下拉列表(经典用例)

    这个经典用例就是通过HTML和JavaScript实现的一个简单而实用的功能,让用户通过下拉列表选择不同的选项,然后页面上的图片会随之改变。接下来,我们将详细探讨这个功能的工作原理以及如何实现。 首先,HTML是网页的...

    ASP网页选择下拉列表的值时立即更新到数据库

    `onchange` 属性定义了当用户改变下拉列表选择时要执行的JavaScript函数,这里是 `updateDatabase()`。 接着,编写 `updateDatabase()` 函数。这个函数使用AJAX技术,通过XMLHttpRequest对象向服务器发送异步请求。...

    Java Swing JComboBox下拉列表框的示例代码

    Java Swing JComboBox 下拉列表框是一种常用的 GUI 组件,它允许用户从多个选项中选择一个值。下面将详细介绍 JComboBox 的基本概念、常用构造方法、常用方法和示例代码。 JComboBox 的基本概念 JComboBox 是一个...

    javascript获取下拉列表框当中的文本值示例代码

    此外,我们还需要为这个下拉列表框绑定一个onchange事件处理器,这样当用户改变了选项时,就会触发相应的JavaScript函数。 在JavaScript函数中,我们将使用document.getElementById()方法来获取绑定的下拉列表框...

    表格控件中下拉列表框的使用例子

    表格控件是常见的一种用户界面元素,用于展示结构化的数据,而下拉列表框则为用户提供了一个简洁的交互方式,允许他们在预设的选项中进行选择。本案例主要探讨如何在表格控件中集成下拉列表框,提高用户体验。 首先...

    js实现input输入框输入信息后出现下拉选择框

    js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取

Global site tag (gtag.js) - Google Analytics