JavaScript DOM操作Select下拉框
DOM操作Select下拉框:
获取select选中的option值,修改选中的选项,添加选项option。
<body>
<script type="text/javascript">function show() {var select = document.getElementById("h");alert(select.value);//获取选中的值}function change() {var select = document.getElementById("h");select.options[0].selected = true;//改变选中项}function addOption() {var select = document.getElementById("h");var option = new Option("乒乓球","乒乓球");//new Option(text,value);创建Option对象。select.add(option);//添加选项}
</script><div id="div"><form action="reg.do"><select name="habbit" id="h"><option value="篮球">篮球</option><option value="皮球">皮球</option><option value="羽毛球">羽毛球</option></select><input type="button" οnclick="show()" value="显示爱好"><input type="button" οnclick="change()" value="改变爱好"><input type="button" οnclick="addOption()" value="添加选项"></form>
</div></body>
JavaScript DOM操作Select下拉框相关推荐
- DOM操作Select下拉框
获取select选中的option值,修改选中的选项,添加选项option. <body> <div id="div"><form action=&q ...
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
- js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...
- selenium webdriver学习(八)------------如何操作select下拉框(转)
selenium webdriver学习(八)------------如何操作select下拉框 博客分类: Selenium-webdriver 下面我们来看一下selenium webdriver ...
- Python+Selenium操作select下拉框
首先需要倒入Select模块: from selenium.webdriver.support.select import Select 常用方法: 通过索引定位:select_by_index() ...
- python获取select选中的值_Python3.x:遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
- 【jquery】select下拉框赋值
前言 jquery操作select下拉框 select <select id="type" name="type"><option value ...
- layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...
- JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
最新文章
- 隐马尔科夫模型HMM(一)HMM模型
- 引入大数据监测地方政府信用
- Microsoft Dynamics AX 2009 新增功能 – 应用(目录)
- spark RDD的血缘关系
- 16位汇编 寄存器的操作
- hdu 4407 Sum
- linux kernel 调度,在Linux中,实时调度_kernel_开发99编程知识库
- 60-50-010-API-Kafka producer拦截器(interceptor)
- VBS脚本常用经典代码
- 书单 | 7月畅销新书情报,看谁是最大黑马
- UE4 利用WEBUI插件完成UE与JS的交互 (UE4嵌入WEB)
- ElasticSearch 学习笔记(一)
- 【聊技术】在Android中实现自适应文本大小显示
- 二叉树任意两节点之间的最短距离
- Java字符串反转常用的2种方式
- mtk dws工具中的keypad配置
- matlab 图像退化,数字图像退化与复原系统设计doc完整版(MATLAB).doc
- 相同参考系统(椭球)大地坐标与空间直角坐标相互转换
- codeblocks全屏模式怎么退出_极速PDF安卓版如何翻页、阅读模式修改等操作详解...
- 【聊天机器人】深度学习构建检索式聊天机器人原理