如何获取select 选中的option的值

如何获取select 选中的option的值,第1张

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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9754037.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存