首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    以【联动列表框】来看单一职责!

    联动列表框,简简单单的五个字,仅仅从字面上看,就可以分出来两个职责: 职责一:列表框 职责二:联动 我们先来看这两个职责,然后再说引申出来的另外两个职责。 职责一,列表框。...首先一个问题就是,用哪种列表框,然后是其ID、name等属性的命名规范。然后是列表框是怎么出来的?是写死在body里,还是用js动态创建出来,还是其他的什么方式? 这些都属于列表框的职责。...我又的去改联动列表框,但是这个和联动有啥关系呢? 再比如,我一开始是把几个联动列表框挨在一起,一个挨一个,省市联动是没啥事了。但是后来遇到个需求,两个列表框离着挺远,中间隔着几个控件,咋办呢?...我还得改联动列表框,但是同上的问题。 这就是让一个控件负责多个职责的缺点。 那么分开来有啥好处呢? 我可以写一个js,专门负责动态创建各种列表框,比如下拉列表框等等。...在写一个js,专门负责数据提取。 再来一个js,专门负责表单里的控件的布局。 最后一个js,就是负责联动

    1.9K90

    js多级联动示例(省份和城市二级联动)

    本文描述的省份和城市二级联动下拉菜单,在js部分设置省份和城市信息,当然也可以将数据保存在数据库中,当需要使用的时候在读取。...这里用的是js原生代码 在html文件中设置省份、城市下拉列表如下: <select id="pro" onchange="addCity();"...("city"); js初始化#pro下拉列表: for (var i = 0; i < province.length; i++)     pro.add...(new Option(province[i])); js实现当点击一级菜单(省份)时,二级菜单(城市)显示对应城市列表信息: //获取点击的省份的下标...for(var i=0;i<province.length;i++)     if(province[i]==pro.value)       return i; } //根据获取的省份下标,更改二级列表为对应下标的城市列表

    9.3K50

    【自然框架】分享 n级联动下拉列表

    特点: 1、 使用js方法,把需要的数据一次性写入到页面里,然后用js来实现联动的效果。 2、 支持n级。 3、 封装成了服务器控件,所以使用非常简单。 4、 支持在回发的时候保持状态。...由于服务器的网速很慢,所以需要等待一下,等页面完全下载完毕之后,才可以使用,否则会出现js脚本错误。页面完全下载完毕之后就没有js脚本错误了。...this.lst_Area.DataBind();         } protected void btn_Save_Click(object sender, EventArgs e)         { //提交表单后,获取联动下拉列表框的选项值...以省、市、区县联动为例演示。...n级联动,那么就需要n条SQL语句。 3、 修改记录演示 一般在修改记录的时候,需要根据记录里的信息设置列表框的选项,这里演示了这种功能。

    2.8K70

    【分享】纯js的n级联动列表框 —— 基于jQuery,支持下拉列表框和列表框,最重要的是n级,当然还有更重要的

    多个列表联动,不算是啥大问题,但是却挺麻烦,那么怎么才能够尽量方便一点呢?网上搜了一下,没发现太好用的,于是就自己写了一个。基于jQuery,无限级联动,支持下拉列表框和列表框。...2、引用js 3、设置联动列表框的属性和事件 var...然后在说一下如何获取列表框的选项。 获取列表框的选项(option、item)有很多很多种方法,记录集的格式也是千差万别,所以也没法集合到联动列表框内部。...怪不得网上没啥知名的联动列表框呢,原来这个东东比较鸡肋,哈哈。 2、有待完善的地方 其实联动列表框的难点不是如何联动,而是如何设置默认选项。

    3.1K80

    JS 算法与数据结构之列表

    JS 如何创建一个简单的列表类?...以下将描述如何实现该抽象数据类型(ADT) 一、 什么是列表 列表是一组有序的数据,每个列表中的数据项称为元素 在 JS 中,列表的元素可以是任意数据类型,且列表保存多少元素没有事先限定 要设计列表的抽象数据类型...,我们需要列出列表的属性及方法: 1、列表的属性 属性名 作用 listSize 列表的元素个数 pos 列表的当前位置 length 返回列表中元素的个数 2、列表的方法 方法名 作用 clear...清空列表中的所有元素 toString 返回列表的字符串形式 getElement 返回当前位置的元素 insert 在现有元素后插入新元素 append 在列表的末尾添加新元素 remove 从列表中删除元素...currPos 返回列表的当前位置 moveTo 将当前位置移动到指定位置 二、列表的实现 我们先从定义构造函数开始实现 function List() { this.listSize = 0

    1.7K10
    领券