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

创建下拉选择框

阅读更多

创建下拉选择框

/**
*创建下拉选择框  yu jian
*************************
*hasValue:对应参数在数据库的值
*parametersText:option text Array
*parametersValue:option value Array
*id: select的id
*parentDom: select所在的元素
*_function: select的onChange函数
*/
var selectObj=Class.create();
selectObj.prototype = {
 initialize:function(hasValue,parametersText,parametersValue,id,parentDom){
  this.hasValue=hasValue;  
  this.parametersValue=parametersValue; 
  this.parametersText=parametersText;  
  this.id=id; 
  this.parentDom=$(parentDom);  
  this._select=document.createElement("select");
  this.parentDom.appendChild(this._select);
 },
   addEvent:function (onChangeFun) {
  this._select.onchange=onChangeFun;
 },
 isShowChoose:function(choose){
   var _option=document.createElement("option");
   _option.value='';
   if(choose!=null&&choose!='')
   _option.innerHTML=choose;
   else _option.innerHTML='请选者';
   this._select.appendChild(_option);     
 },
 showSelect:function(){
  this._select.id=this.id;
  this._select.name=this.id; 
  var oOptions=new Array(this.parametersValue.length);
  for(var i=0;i    oOptions[i]=document.createElement("option");
   oOptions[i].innerHTML=this.parametersText[i];   
   oOptions[i].value=this.parametersValue[i];  
   if(this.parametersValue[i]==this.hasValue){
    oOptions[i].selected=true;
   }
   this._select.appendChild(oOptions[i]);
  }   
 }
分享到:
评论

相关推荐

    Excel中下拉列表框的制作方法.doc

    Excel 提供了多种方式来创建下拉列表框,使用数据有效性设置是其中的一种。首先,在 Excel 工作表中,将鼠标放在需设置列表容的单元格上,选择工具栏中的数据/数据有效性,出现如下对话框。然后,选择列表项,例如...

    最好的下拉选择框

    在移动设备上,原生的下拉选择框可能不易使用,可以考虑使用触控友好的替代方案,如滑动面板或可展开的列表。 9. **响应式设计**: 在响应式设计中,根据屏幕尺寸和设备类型,下拉选择框的显示和交互可能需要调整...

    jxl创建下拉列表

    ### jxl创建下拉列表知识点解析 #### 一、jxl概述 jxl 是一个用于读写Microsoft Excel 文件的Java库。它支持多种版本的Excel文件格式,包括.xls(Excel 97-2003)等。jxl库允许开发者在Java应用程序中创建、修改和...

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

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

    可输入的html下拉列表框,自带筛选

    HTML是构建网页的基本语言,而HTML的`<select>`元素用于创建下拉列表框。在传统HTML中,`<select>`元素的`<option>`子元素提供了一系列可供用户选择的选项。然而,这种基本的下拉列表并不支持用户输入,也不具备筛选...

    js处理下拉列表框

    这个函数创建一个新的`<option>`元素,并将其添加到指定的下拉列表框中。 #### 2.5 设置所有选项为选中状态 ```javascript function selectUserName(list) { var first = document.getElementById(list); for ...

    VC 带图像的下拉列表框

    在VC++编程环境中,开发一个带有图像的下拉列表框是一项常见的需求,它可以增强用户界面的视觉效果和交互性。这个“VC带图像的下拉列表框”项目旨在教你如何在MFC应用中实现这样的功能,这对于提升用户体验是至关...

    jQuery下拉列表框日期选择代码

    在本文中,我们将深入探讨如何使用jQuery实现一个下拉列表框的日期选择功能。这个功能常见于各种网页应用,用于用户方便地输入日期和时间。我们将会解析标题和描述中的关键知识点,并提供实现这一功能所需的步骤和...

    ajax 下拉列表框

    - **下拉列表框(Dropdown List)**:HTML中的`<select>`元素用于创建一个下拉列表,用户可以从列出的选项中选择一个。 - **Ajax联动**:当用户在一个表单元素(如下拉列表)中做出选择时,通过Ajax异步请求,动态...

    Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框

    在UI设计中,下拉列表框是一种常用的输入控件,它允许用户从预定义的一组选项中进行选择,通常用于节省屏幕空间和提供更整洁的界面。当选项过多时,会显示滚动条以便用户浏览所有选项。 "带滚动条"的下拉列表框意味...

    VB增强型下拉列表框.7z

    "VB增强型下拉列表框.7z"是一个压缩包,包含了一个特别设计的下拉列表框控件,它扩展了标准VB下拉列表框的功能,尤其适合在与数据库交互时使用。这个控件可能包含了更丰富的特性,比如动态加载数据、搜索功能、分页...

    下拉列表框美化

    Combobox,又称为组合框或下拉列表框,是一种常见的UI组件,通常用于让用户在预设的一组选项中进行选择。默认情况下,Combobox的样式通常是简单的文本框加上一个下拉箭头,样式单一,可能无法满足某些高级设计需求。...

    设置EXCEL下拉列表框的3种方法

    在Excel中,创建下拉列表框能够有效地提高数据输入的准确性和效率,尤其适用于需要从预定义选项中选择的情况。本文将详细介绍三种设置Excel下拉列表框的方法。 ### 方法一:数据验证 1. **开启数据验证**:首先,...

    IPhone下的下拉列表框实例

    在创建下拉列表框(Picker View)时,我们需要遵循苹果的Cocoa Touch框架,它是UIKit的一部分,提供了构建iOS用户界面所需的类和方法。 1. 创建Picker View 首先,我们需要在故事板(Storyboard)中添加...

    可编辑的下拉列表框

    标题中的“可编辑的下拉列表框”是指在网页或应用程序中的一种交互元素,它允许用户不仅能够从预设的选项中选择,还能直接编辑输入新的值。这种控件通常用于提供更灵活的数据输入方式,比如在需要用户输入特定项但又...

    具有多选功能的下拉列表框

    在IT领域,尤其是在Web开发和UI设计中,创建具有多选功能的下拉列表框是一项常见的需求。传统的下拉列表通常只允许...通过自定义和扩展,我们可以创建出满足各种需求的多选下拉列表框,提升用户在选择过程中的体验。

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

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

    iOS 实现下拉选项框

    在iOS开发中,创建下拉选项框通常是为了提供用户一种选择特定值的交互方式,这在许多应用程序中都很常见。本教程将详细讲解如何利用UITableView来实现这一功能。UITableView是iOS SDK中的一个核心组件,它允许开发者...

    下拉列表框和单复选框的使用

    首先,下拉列表框(Dropdown List)是一种常见的表单控件,允许用户从预定义的一系列选项中选择一个。在ASP中,我们通常使用`<asp:DropDownList>`标签来创建它。这个控件可以与数据库结合,通过C#代码动态填充选项。...

    网页下拉列表框菜单跳转的三种实现方法.pdf

    Dreamweaver是一个功能强大的网页设计软件,它提供了一个名为“Form Object”的工具,可以用来创建下拉列表框并实现菜单项的跳转。首先,在Dreamweaver的“Insert”菜单中选择“Form Object”,然后选择“List”或...

Global site tag (gtag.js) - Google Analytics