社区
JavaScript
帖子详情
如何获得页面上所有的select下拉框?
Geyond
2003-08-09 11:08:29
如何获得页面上所有的select下拉框?
...全文
204
5
打赏
收藏
如何获得页面上所有的select下拉框?
如何获得页面上所有的select下拉框?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lizexpert
2003-08-09
打赏
举报
回复
把所有的select下拉框的id都设成一样的,然后在JS中引用这个id就是select下拉框数组
试试吧
gemmyfang
2003-08-09
打赏
举报
回复
document.all.item("select")
possible_Y
2003-08-09
打赏
举报
回复
document.getElementsByTagName("select");
zhaoweiwei
2003-08-09
打赏
举报
回复
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="form1" method="post" action="">
<select name="select" value="2" >
</select>
<select name="select" value="1">
</select>
<select name="select">
</select>
<select name="select">
</select>
<select name="select">
</select>
</form>
<script language="JavaScript">
var selects = document.getElementsByName("select");
for(i=0;i<selects.length;i++)
alert(selects[i].value)
</script>
</body>
</html>
awaysrain
2003-08-09
打赏
举报
回复
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="form1" method="post" action="">
<select name="select">
</select>
<select name="select2">
</select>
<select name="select3">
</select>
<select name="select4">
</select>
<select name="select5">
</select>
</form>
<script language="JavaScript">
var selects = document.getElementsByTagName("select");
for(i=0;i<selects.length;i++)
alert(selects[i].name)
</script>
</body>
</html>
用Bootstrap实现搜索
select
下拉框
:bootstrap-
select
实现bootstrap搜索
下拉框
,本文采用bootstrap-
select
插件;bootstrap-
select
插件依赖jquery1.8+和bootstrap, 所以需要先引入jquery和bootstrap。 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...
带搜索功能的
select
下拉框
实现
这里使用的是
select
2插件
select
2官网 官网例子 html
页面
: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://cdnjs.cloudflare.com/ajax/libs/
select
2/4.0.4/css/
select
2.min.css" rel="stylesheet" /> <title>
自定义
Select
下拉框
背景 经常写Web
页面
的同学可能会碰到如下的诉求: 新增一个
下拉框
要求做的好看一点(鼠标放上去的颜色与原生
Select
不同,
Select
背景色也要有所变化)
下拉框
中的元素需要分组,分组以后最好还能有分割线以示区别
下拉框
的点击按钮要使用自定义的图标 … 若是没有相关经验,拿到这种诉求可能头都要爆炸,不过当我们有过相关经验以后就会发现还真可以这么实现,而且自己做出来的
Select
既好玩又好看...
php
select
下拉框
,
下拉框
处理(
select
)
在UI自动化测试过程中,经常会遇到一些
下拉框
,我们有三种可选方式来操作
下拉框
。第一种方法基于webdriver的两次click,很容易出现问题,不建议使用。(由于部分
下拉框
在点击一次后,失去焦点再点下一次时可能
下拉框
中的参数就消失了,那么就无法进行选择了,所以会出现无法定位到目标元素或目标元素不可见的问题。)第二种方法基于Action Chains进行连贯操作,首先点击
下拉框
,然后移动到目标选中元...
html
select
下拉框
刷新
页面
后保留上一次选择的值
常用场景 组合条件查询点击查询/刷新
页面
,包括input输入框\复选框等在内的组件都可以通过前端设置value="{{id}}",后台发送的数据包括对应的字段,从而实现刷新后保留上一次的值,提高用户体验,但是发现
select
不能这么做,它的value值是约定好并传给后台的,后台可以传回来,但无法直接显示。 网上搜的资料五花八门,自己用jquery实现了,效果: html代码段 ...
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章