获取select选中的option值,修改选中的选项,添加选项option。

<body>
<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>
<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("乒乓球","乒乓球");Option(text,value);select.add(option);}
</script>
</body>

DOM操作Select下拉框相关推荐

  1. JavaScript DOM操作Select下拉框

    DOM操作Select下拉框: 获取select选中的option值,修改选中的选项,添加选项option. <body> <script type="text/javas ...

  2. selenium webdriver学习(八)------------如何操作select下拉框(转)

    selenium webdriver学习(八)------------如何操作select下拉框 博客分类: Selenium-webdriver 下面我们来看一下selenium webdriver ...

  3. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  4. Python+Selenium操作select下拉框

    首先需要倒入Select模块: from selenium.webdriver.support.select import Select 常用方法: 通过索引定位:select_by_index() ...

  5. 【jquery】select下拉框赋值

    前言 jquery操作select下拉框 select <select id="type" name="type"><option value ...

  6. layui怎么给下拉框赋值_layui给select下拉框赋值

    转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...

  7. python获取select选中的值_Python3.x:遍历select下拉框获取value值

    Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...

  8. select下拉框事件操作

    select下拉框事件操作 想要在select下拉框里面进行选项列的删除等操作,但是下拉框的事件是分装的,所以需要进行阻止时间冒泡,如下: e.stopPropagation(): itemRende ...

  9. iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题,具体操作如下...

    下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助. 在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉 ...

最新文章

  1. 智能指针的释放_手把手教你实现智能指针
  2. 让vs2008支持jQuery的智能提示!
  3. python-练习-查找匹配-模拟数据库的查找-小例子
  4. 用Alamofire进行网络请求的一段代码解析(一)
  5. Jetson Nano配置MCP2515 CANBUS模块
  6. 4.5 Frank 口语习语前7
  7. chromium官方文档
  8. ORA-00955:名称已由现有对象使用;
  9. wps公式如何加序号_WPS表格技巧—筛选后也会自动连续的序号
  10. 关于商业智能BI,你需要知道的相关知识都在这里了
  11. 荣耀30青春版体验 拍照你不知道的小秘密有很多
  12. 固态硬盘跟机械硬盘是怎么储存数据
  13. 【原创】产品型IT公司向服务型公司转型
  14. Linux下Quagga安装与配置
  15. 阿里云OSS上传下载和短信验证码
  16. OpenCppCoverage 引起测试程序Crash问题
  17. 英飞凌基础学习笔记-SCU(System Control Units)
  18. Cassandra使用简介 - Cassandra Knowledge Base
  19. 马的遍历(棋盘游戏)
  20. 数学题(dfs or dp),木木不哭┭┮﹏┭┮(dp)

热门文章

  1. 简述微型计算机指令的执行过程,微机原理复习资料
  2. 来自波士顿2019年活动的Snag资源并保存在华盛顿特区注册
  3. csust 1097
  4. [Jsoi2018]军训列队 主席树
  5. 如何将caj格式转化为word格式
  6. 解决ECharts 因X轴数据过多导致重叠显示不全的问题
  7. php数组根据值合并,PHP根据键值合并数组
  8. BullseyeCoverage代码覆盖率工具介绍
  9. js Object.keys
  10. 和云打码差不多的有哪些