JS获取select的value和text值的简单实例
时间:2024-04-19 09:50:11
<select id = "cityList" >
<select id = "selectId" >
<option value = "0">第0个</option>
</select>
<script>
var selectObj = document.getElementById('selectId');
// 通过对象添加option
selectId.add(new Option("第一个","1"))
selectId.add(new Option("第二个","2"))
// 通过id添加option
selectId.add(new Option("第三个","3"))
selectId.add(new Option("第四个","4"))
// 通过id添加方法(也可以通过对象添加方法)
selectId.onchange = function(){
// 通过对象获取value和text
alert(selectObj.value);
alert(selectObj.options[selectObj.selectedIndex].text);
// 通过 id 获取value和text
alert(selectId.value);
alert(selectId.options[selectId.selectedIndex].text);
// 还可以通过this获取value和text
alert(this.value);
alert(this.options[this.selectedIndex].text);
};
</script>
标签:select,value,text,JS
0
投稿
猜你喜欢
SQL Server Table中XML列的操作代码
2024-01-23 14:21:11
asp的access数据库备份 压缩 恢复及清理数据库函数
2008-10-31 12:36:00
Python中对列表排序实例
2021-12-05 17:41:28
pymysql 插入数据 转义处理方式
2024-01-23 08:43:29
Pytest allure 命令行参数的使用
2022-04-12 17:06:19
详解mysql 获取某个时间段每一天、每一个小时的统计数据
2024-01-17 13:01:47
技术性击倒与抬杠
2009-02-12 12:28:00
pycharm中import呈现灰色原因的解决方法
2022-10-16 03:23:07
运行asp.net程序 报错:磁盘空间不足
2024-01-16 23:48:21
python实现超简单的视频对象提取功能
2021-08-10 17:04:31
SQLServer:探讨EXEC与sp_executesql的区别详解
2024-01-29 02:53:53
Python+django实现文件上传
2022-08-31 20:52:22
Python 根据数据模板创建shapefile的实现
2023-07-27 00:10:32
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2022-03-31 09:30:33
pytorch 中forward 的用法与解释说明
2021-08-10 04:14:44
手机版远程网站文件删除ASP程序
2009-02-24 16:23:00
Python list运算操作代码实例解析
2021-11-17 21:44:43
PyTorch实现卷积神经网络的搭建详解
2021-03-12 16:36:03
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2022-04-07 09:50:44
Mysql5.7.11在windows10上的安装与配置(解压版)
2024-01-13 18:07:49