`

下拉框选中

 
阅读更多
/*
* 根据类型显示时间
*/
function checkSelect(val){

var typeID=document.getElementById("detectDate");   //检测时间
var begin=document.getElementById("beginTime");     //开始时间
var end=document.getElementById("endTime");         //结束时间

switch(val){    //根据检测类型显示数据
case "1":
typeID.disabled=true;
begin.disabled=true;
end.disabled=true;
typeID.options.length=0;

  var oOption = document.createElement("OPTION");
  oOption.value=1;
  oOption.text=1;
  typeID.options.add(oOption);
  
break;
case "2":
typeID.disabled=true;
begin.disabled=false;
end.disabled=false;
typeID.options.length=0;
var oOption = document.createElement("OPTION");
oOption.value=1;
oOption.text=1;
typeID.options.add(oOption);
break;
case "3":
typeID.disabled=false;
begin.disabled=false;
end.disabled=false;
typeID.options.length=0;
  var soojs_value=[1,2,3,4,5,6,7];
  var soojs_text=['星期一','星期二','星期三','星期四','星期五','星期六','星期日'];
  for ( var i=0;i<soojs_value.length;i++){
  var oOption = document.createElement("OPTION");
  oOption.value=soojs_value[i];
  oOption.text=soojs_text[i];
  typeID.options.add(oOption);
  }
break;
case "4":
typeID.disabled=false;
begin.disabled=false;
end.disabled=false;
typeID.options.length=0;
  var soojs_value=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
  var soojs_text=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
  for ( var i=0;i<soojs_value.length;i++){
  var oOption = document.createElement("OPTION");
  oOption.value=soojs_value[i];
  oOption.text=soojs_text[i];
  typeID.options.add(oOption);
  }
break;
default:
typeID.disabled=true;
begin.disabled=true;
end.disabled=true;
break;
}
}

分享到:
评论

相关推荐

    jQuery实现监听下拉框选中内容发生改变操作示例

    在实际应用中,这种监听下拉框选中内容变化的技巧常用于动态交互式界面,它可以提高用户体验,让用户能够即时看到他们的选择带来的界面变化。同时,这种技术也可以结合其他jQuery事件和方法,比如`blur`、`focus`、`...

    jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑

    具体来说,如果第一个下拉框(报告交付方式)选中的值包含“固定交付”,则第二个下拉框(固定交付地址)将不可编辑,否则第二个下拉框可进行编辑。这里使用了combobox组件的enable()和disable()方法来控制编辑状态...

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

    当一个下拉框的值被选中后,我们可以利用JavaScript或jQuery来监听这个事件并响应。例如,我们可以使用`addEventListener`来监听`change`事件: ```javascript document.getElementById('dropdown1')....

    EXTJS 选下拉框,并取得下拉框的值

    通过上述代码,每当下拉框的选项被选中时,都会触发`select`事件,并打印出选定项的详细数据。 总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField...

    JavaScript实现点击文本自动定位到下拉框选中操作

    知识点: 1. JavaScript基础知识:JavaScript是一种动态的编程语言,用于网页开发,可以改变...如果找到匹配的选项,则将其设置为选中状态。 以上就是本文的主要知识点,希望对大家学习JavaScript程序设计有所帮助。

    树形下拉框样式

    在IT领域,"树形下拉框样式"是一种常见的用户界面元素,主要用于数据组织和导航。它结合了传统的下拉框功能与树形结构,使得用户可以方便地浏览和选择层级关系的数据。这种设计通常应用于文件系统、组织结构或者分类...

    选择不同的下拉框跳到不同的页面

    选择不同的下拉框跳到不同的页面,使用JavaScript实现的下拉框跳到不同页面效果!

    SelecT下拉框选中和取值的解决方法

    本文将详细讲解如何解决`&lt;select&gt;`下拉框选中和取值的问题。 首先,创建一个基本的`&lt;select&gt;`下拉框,每个`&lt;option&gt;`代表一个可选项。例如: ```html (this)"&gt; 男装 女装 童装 已通过审核商家 ``` 在这个...

    Qt 实现颜色下拉框

    主要思路是: 1. 继承 QComboBox ,利用 Qtablewidget 实现下拉板内容的实现; 2....将 Qpushbutton 背景颜色作为被选择颜色,且自定义了 MyPushButton,用以传出背景色; 3....实现当前色的保存和颜色回选。

    js实现下拉列表选中某个值的方法(3种方法)

    JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...

    layui下拉框获取下拉值(select)的例子

    `data.value` 就是我们要获取的下拉框选中值,它可以是一个字符串或者任何其他类型,取决于你在 `&lt;option&gt;` 中设定的 `value` 属性。 在实际应用中,你可以根据需要处理这个值,比如发送 AJAX 请求到服务器、更新...

    下拉框变成下拉模糊搜索框

    目前的下拉框dropdownlist、select就是简单的选择,如果遇到内容过多会很难找出想找的选项,我用简单的js文件将现在的下拉框改成下拉模糊搜索框,支持汉字拼音首字母模糊匹配和字符串字串匹配,本代码的强大在于扩展...

    jsp带有下拉框的分页

    本篇将详细探讨"jsp带有下拉框的分页"这一主题,包括其原理、实现方式以及相关知识点。 1. 分页原理: 分页的基本思想是将数据库中的大量数据按一定的数量(如10条、20条)分割成多个部分,每次只加载一部分到页面...

    JS树状层级下拉菜单组件支持层级勾选

    4. **状态管理**:为了跟踪选中的项,需要维护一个状态管理机制,如使用对象或数组存储已选中的菜单项。在层级勾选中,还需考虑全选/全取消功能,以及部分选中时的半选状态。 5. **UI渲染**:根据数据模型和当前...

    jquery及原生js获取select下拉框选中的值示例

    现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 代码如下: &lt;select id=”test” name=””&gt; ”1″&gt;text1&lt;/option&gt; ”2″&gt;text2&lt;/option&gt; &lt;/select&gt; 一:...

Global site tag (gtag.js) - Google Analytics