使用Jquery如何操作下拉框控件?
下拉框选择控件,在网页开发中,是经常使用到的一个控件。所以会对它有很频繁的操作,借助Jquery,我们可以很方便地对它进行操作控制。
下面一起来看些例子。
操作方法
(01)先看下我们的例子HTML代码,很简单,就是一个标准的Select下拉框选择控件,加几个按钮。如图
(02)运行后,界面如图
(03)我们加上代码,实现第一个按钮的逻辑。用代码去选中下拉框的值,用Jquery的 val()方法就行,$("#sel")('2'); // 2就是下拉框对应项的value值。
(04)刷新页面后,点击第一个按钮,可以看到下拉框的第二项被选中了。
(05)能设置选中项,当然也能获取是哪项选中了,这里加上第二个按钮的逻辑,获取选中项的值,我们也是用 val()方法,不过这次不用传参数,(有参数时,是设置值)$("#sel")();
(06)重新刷新页面后,点击第二个按钮,可以看到下拉框选中项的value值在弹出框里显示出来了。
(07)第三个按钮的逻辑,添加一个下拉框的选项,用append方法,直接加上option项就行,$("#sel")nd("<option value='4'>搜狗地图</option>");
(08)刷新页面后,点击对应按钮,新加的选项正常加上了:)
(09)最后一个按钮的逻辑了,删除一个下拉选项,用的是remove方法,我们删除value=2的第二项,首先用选择器选择到 value为 2的项,然后用remove方法,就可以了。$("#sel option[value='2']")ve();
(10)刷新页面,点击第四个按钮,第二项被删除了。
-
Excel单元格如何限制输入?
在Excel处理当中,我们往往需要限制某一列的单元格的输入,希望能按预期的值来输入数据。我们可以通过Excel的数据验证来处理。下面一起看下。操作方法(01)打开Excel文档,如图,假设我们希望D列的每个单元格输入的内容是一个数字,而且是介于20到50的值。其他的值都不允许...
-
捷渡D620行车记录仪更换电池
三年前中奖的捷渡D620,一直放在柜子里,前两天拿出来用,日期、时间设置完后,停车熄火时间后重新发动车子,显示回原来出厂设置的时间(2012年1月1日)。经过查找资料,确认捷渡D620有内置电池,判断是电池失效。某宝买了电池,直接拆机更换。操作方法(01)用吹风筒热风模式拼命吹记...
-
路由器有信号没网络
随着科技的发展,电脑的网络连接也由线路连接变为更加方便的无线连接。路由器就是连接网络的设备,它适用于各种机型的电子设备。为人们的生活提供便利。操作方法(01)将网线连接到路由器WAN口,再把电脑连接到路由器的LAN口,把路由器的线断掉,设置路由器,再给路由器连接电...
-
百度云使用磁链接
百度云现在已经更名为百度网盘。百度网盘不仅存储功能强大,而且下载功能也很强大。今天小编就告诉大家如何用百度网盘网页版和百度网盘手机客户端下载磁力链接。百度网盘手机客户端下载磁力链接方法(01)首先打开我们的百度网盘手机客户端,点击进入右下角菜单栏的更...