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

对下拉列表的动态初始化

阅读更多

//修改下拉列表的值
 function initSelect(){
  var length = parseInt(document.getElementById("setNum").options.length);
  for (var i = 0;i<length;i++){//删除下拉列表中原有的值
   document.getElementById("setNum").options.remove(0);
  }
  //向下拉列表增加值
  var startNum = parseInt($('startNum').value);//设置显示初始值
  var intervalNum = parseInt($('intervalNum').value);//设置显示间隔值
  var lastNum = parseInt($('lastNum').value);//设置显示结束值
  for(var i = startNum;i<=lastNum;i=i+intervalNum){
   var oOption = document.createElement("OPTION");
   document.getElementById("setNum").options.add(oOption);
   oOption.innerText = i;
   oOption.value = i;
  }
 }

分享到:
评论

相关推荐

    VBA 下拉列表代码

    首先,我们来看一下如何通过 VBA 创建并初始化一个下拉列表。 ```vb Private Sub б() OLEObjects.Add ClassType:="Forms.ComboBox.1", Link:=True, DisplayAsIcon:=False, Left:=0, Top:=29, Width:=55, Height:=...

    Labview Xcontrol 实现下拉列表动态添加

    同时,也可以监听XControl的初始化事件,以便在控件首次加载时设置初始的下拉列表项。 6. **接口设计**:为了让其他VI能够与我们的XControl交互,我们需要提供公共接口。这包括输入端口(如添加选项的字符串),...

    .net C# PropertyGrid 显示下拉列表

    在构造函数中,我们首先初始化了控件的可视状态和高度,然后添加了一个 Leave 事件,以便在控件失去焦点时触发。 在 Leave 事件中,我们获取了选择的字段,并将其存储在 m_selectStr 中。最后,我们使用 try-catch ...

    级联下拉列表工具类,js实现

    1. **级联下拉列表**: 由多个下拉列表组成,用户在选择第一个下拉列表的选项后,后面的下拉列表会根据前一个选项的选择动态更新显示内容。 2. **JSON数据源**: 级联下拉列表的数据通常存储为JSON格式,每个对象...

    下拉列表二级联动

    而“下拉列表二级联动”则是在此基础上的一种高级应用,它允许用户在选择第一个下拉列表的某个选项时,自动更新第二个下拉列表的选项,从而实现更加动态和智能的用户界面。这种技术广泛应用于各种场景,如地区选择...

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

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

    input 级联下拉列表

    在网页设计和开发中,`input`级联下拉列表是一种常见的交互元素,它允许用户在选择一个选项后,根据该选项的值动态地显示相关的第二个或更多下拉列表。这种设计模式通常用于处理层级关系的数据,如国家/地区、省份/...

    JavaScript动态级联下拉列表框

    JavaScript动态级联下拉列表框是一种常见的前端交互设计,它允许用户在选择一个选项后,根据选择的结果动态更新下一个下拉列表框的内容。这种技术在数据筛选、表单填写等场景中广泛应用,能够提高用户体验,减少不必...

    自定义AutoCompleteTextView下拉列表控件

    实现这种功能可能需要监听输入事件,对输入的每个字符进行处理,然后动态更新下拉列表的内容。 2. **自定义类对象指定显示字段**:通常,`AutoCompleteTextView`的适配器(如`ArrayAdapter`或`CursorAdapter`)会...

    动态下拉列表实现dhtmlxCombo

    动态下拉列表是一种常见的用户界面元素,用于提供可选择的选项列表,用户可以在输入框中键入文字,系统会根据输入自动匹配并显示相应的建议项。dhtmlxCombo是DHTMLX库中的一个组件,专门用于创建这种交互式的下拉...

    PB中下拉列表使用的若干技巧.doc

    - Constructor:在窗口打开前触发,用于初始化控件。 - Destructor:在窗口关闭后触发,用于清理控件资源。 - Doubleclicked:双击下拉列表时触发。 - Dragdrop、Dragenter、Dragleave、Dragwithin:处理拖放操作的...

    在struts中实现下拉列表

    这时,你可以在Action或ActionForm的初始化方法中加载选项。例如,你可以在ActionForm的`reset`方法中添加代码: ```java public void reset(ActionMapping mapping, HttpServletRequest request) { List&lt;Option&gt; ...

    下拉列表显示图片

    在实际应用中,你需要在HTML文件中引入msdropdown的CSS和JS文件,然后根据文档说明初始化这个库,以启用下拉列表的图片显示功能。 总结来说,要在下拉列表中显示图片,可以使用HTML的`&lt;select&gt;`元素结合JavaScript...

    Winform 属性编辑器 propertyGrid示例 下拉列表框

    `CreateDropDown`方法用于创建并初始化下拉列表框。在这个方法里,我们可以设置下拉列表框的选项,比如从枚举类型获取值或者从数据库中动态加载数据。 4. **创建属性信息**: 对于需要使用下拉列表编辑的属性,...

    jquery下拉列表特效

    3. 动态更新:可以实时更新下拉列表的选项,无需重新初始化整个控件。 4. 兼容性:DropKick兼容主流浏览器,包括Chrome、Firefox、Safari、Edge和IE9+,并且在触摸设备上表现良好。 四、DropKick的高级用法 1. ...

    安卓--级联下拉列表实现DEMO

    DEMO中的代码可能在某个Activity或Fragment的onCreate()方法中初始化和设置Spinner。 7. **数据传递**:在级联下拉列表中,选择第一个Spinner后,需要将选中值传递给第二个Spinner的适配器。这可能通过Intent、...

    jquery美化下拉列表.rar

    本资源"jquery美化下拉列表.rar"显然是一个关于如何使用jQuery来提升下拉列表视觉效果的示例集。 jQuery美化下拉列表的核心是利用jQuery插件来替代或扩展原生HTML元素的功能和样式。这些插件通常会提供自定义的CSS...

    js+jsp 联动下拉列表框

    1. **初始化**:在页面加载时,通过预定义的`subcat`数组存储所有可能的子分类信息,并设置初始状态,即两个下拉列表均显示默认项。 2. **事件监听**:当用户在主分类下拉列表中选择不同的选项时,会触发`onChange`...

    下拉列表 可输可选 select

    - **初始化组件**:使用JavaScript代码初始化GooCombo组件,指定输入框和下拉列表元素,并设置其他配置项。 - **数据绑定**:将预设的选项数据绑定到组件上,可以是JSON格式或其他数据结构。 - **事件绑定**:...

    dropList v1.1 - JavaScript无限级联动下拉列表框

    这在填充表单或者基于用户之前的选择初始化界面时特别有用,提供了更加个性化的用户体验。 4. **JS动态添加与管理** 除了静态配置外,dropList v1.1还支持通过JavaScript动态添加下拉列表和选择项。这一功能使得在...

Global site tag (gtag.js) - Google Analytics