得到select所有option里的值

得到select所有option里的值 .

2012-02-24 11:04:43|  分类: html|举报|字号 订阅

1://取得所有的option个数
document.getElementById(‘---‘).options.length

2://取得每个option的ID值
document.getElementById(‘---‘).options[i].value

3://取得每个option在页面显示的文本
document.getElementById(‘---‘).options[i].text

4://判断该option是否被选中
document.getElementById(‘---‘).options[i].selected == true

5://设置该option为选中
document.getElementById(‘---‘).options[i].selected = true

6://去掉所有的Option
document.getElementById(daySelectTagName).options.length=0;

7.重新生成Option
//生成新的Option对象
//第一个false表示不默认选中
//第二个false表示只能进行单选
var newOption=new Option(newOptionValue,newOptionValue,false,false);
//将新生成的Option添加到Select标签中
document.getElementById(daySelectTagName).options[i-1]=newOption;

时间: 2024-08-29 01:29:00

得到select所有option里的值的相关文章

jquery select取option的value值发生变化事件

html代码如下所示: <div id = "schedule"> <label>是否设置:</label> <select name="d[i][disable]"> <option value="1">是</option> <option selected="selected" value="0">否</optio

jQuery获取select元素option的文本值和value值

('#list option:selected').text()('#list option:selected').val()

获取和设置select的选中项的值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>获取select的选中项的值</title> </head> <body> <select id="select0"> <option value="0">请选择选项&l

select初始化添加option,通过标签给出回显值,由于回显值和初始化值option中有一个值重复,去重等问题!

第一张图片: 第二张图片 /** *该方法是为了去重,所谓去重就是 因为回显给select附上了值并设置为selected选中状态,而在我们初始化所有的select添加option元素中于回显的值重复,那么就要去除select option中重复值 */ function removeRepeatSelectHour(h){   var $option=$("option:selected",h);//获取被选中,   // alert($option.val());  console

获取select标签中option的value值

<select id="teacher" name="tea-list" form=""> <option value="none">请选择老师</option> <option value="1">老师1</option> </select> //获取select标签中option的value值 var $teacher=$('#te

点击select下拉框获取option的属性值

select下拉框作为前端开发者应该是经常使用的,最近在项目中遇到这样的情况,点击下拉框选项,需要获取所点击的option的属性值,当时想很简单啊,给option加一个点击事件不就行了,然后就加了一下,结果一运行悲催了,怎么点击option事件就是不会执行.这是为什么呢,刚开始也不懂,之前没遇到过这样的需求,后来经过学习,才恍然大悟,原来select option没有点击事件,要想获得所选option的属性值,需要通过jquery的change()方法来获取,下面通过代码解释一下,代码如下: <

JQuery中对Select的option项的添加、删除、取值

jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val

Select的option事件问题

一开始看你们会觉得没问题,我也就是觉得没问题所以才找不到错误所在. 问题出在option本身是没有事件的说法的,只能在select里添加事件,再获取option的属性值 这是我的写法 select设置事件 事件中获取option的id 要获取其他属性值将Id改掉就OK了.

layui之select的option叠加问题解决

小编我在使用layui,在select的地方遇到了坑,select里的值居然无法清空,select里的option还有叠加问题,为了解决这个问题,也达到我的功能,我研究了下,让有同样需求的小伙伴不踩坑,特贴上我的源码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>layui前端框架select