documentgetElementById("sect")value -----这是获得选中的值
documentgetElementById("sect")options------这是获得select中所有的值,是个数组
1如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。
2可以通过 selectselectedIndex 获取到选中的 option 元素的索引。
3可以通过 selectoptions[selectselectedIndex] 获取到选中的 option 元素。
option 元素 <option selected="selected" value="value3">text3</option>,可以通过 optionvalue 获得 option 元素的 value 属性值,即 value3;可以通过 optiontext 获得 option 元素内的文本,即 text3。
4如果 option 元素没有定义 value 属性,则 IE 中 optionvalue 无法获得,但 Safari、Opera、FireFox 依旧可以通过 optionvalue 获得,值同于 optiontext 。
5可以通过 optionattributesvalue && optionattributesvaluespecified 来判断 option 元素是否定义了 value 属性。
6故,获得当前 select 元素值的脚本如下:
var getSelectValue = funtion(select) {
var idx = selectselectedIndex,
option,
value;
if (idx > -1) {
option = selectoptions[idx];
value = optionattributesvalue;
return (value && valuespecified) optionvalue : optiontext);
}
return null;
}
那么这个select所有option的集合是:var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合,那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值(和名称)的方式也很简单。比如这个select的有两个option,分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置(即交换值(名称))。
获取方法:
1var obj = documentgetElementByIdx_x(”testSelect”); //定位id。
2var index = objselectedIndex; // 选中索引。
3var text = objoptions[index]text; // 选中文本。
4var value = objoptions[index]value; // 选中值。
以下为具体html代码:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:。
var a = [];
$('option[selected="1"]')each(function () {
apush($(this)text())
});
$('body')append(ajoin(','));
3、浏览器运行indexhtml页面,此时被选出来的值被放入一个数组并打印了出来。
以上就是关于如何获取select 选中的option的值全部的内容,包括:如何获取select 选中的option的值、如何获取select 文本的值、如何获取select的option的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)