JS代码:获得当前select元素值的脚本

  1. 如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。
  2. 可以通过 select.selectedIndex 获取到选中的 option 元素的索引。
  3. 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。
  4. option 元素 <option selected="selected" value="value3">text3</option>,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得 option 元素内的文本,即 text3。
  5. 如果 option 元素没有定义 value 属性,则 IE 中 option.value 无法获得,但 Safari、Opera、FireFox 依旧可以通过 option.value 获得,值同于 option.text 。
  6. 可以通过 option.attributes.value && option.attributes.value.specified 来判断 option 元素是否定义了 value 属性。

故,获得当前 select 元素值的脚本如下:

var getSelectValue = funtion(select) {
    var idx = select.selectedIndex,
        option,
        value;
    if (idx > -1) {
        option = select.options[idx];
        value = option.attributes.value;
        return (value && value.specified) ? option.value : option.text); 
   }
    return null;
}

时间: 2024-08-02 10:12:12

JS代码:获得当前select元素值的脚本的相关文章

js 获取当前select元素值的代码_表单特效

1.如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个. 2.可以通过 select.selectedIndex 获取到选中的 option 元素的索引. 3.可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素. 4.option 元素 <option selected="selected" value="value3">text3&l

js获取当前select 元素值的代码

如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个. 可以通过 select.selectedIndex 获取到选中的 option 元素的索引. 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素. option 元素 <option selected="selected" value="value3">text3</optio

javascript-菜鸟求js大神帮忙!!为什么我这段js代码只有第一个元素绑定了事件

问题描述 菜鸟求js大神帮忙!!为什么我这段js代码只有第一个元素绑定了事件 <script> window.onload=function(){ var oParent=document.getElementById("aa"); var boxs=oParent.getElementsByClassName("box"); for(var i=0;i<boxs.length;i++){ var imgs=boxs[i].getElementsB

Js与Jq 获取页面元素值的方法和差异对比_jquery

JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.client

请问在js代码里能不能添加java代码 怎么添加

问题描述 我想在js代码里取得checkbox的值之后把他赋值给几个java的变量然后存在session里请问怎么实现啊. 解决方案 解决方案二:这不可能,你可以用ajax传到后台保存到session中解决方案三:js要把变量赋值给session1.楼上所说用ajax调用jsp或servlet,页面不需要提交2.把值赋给一个hidden,提交这个form表单解决方案四:js是在客户端session是在服务器解决方案五:每天回帖即可获得10分可用分解决方案六:哦,明白了.谢谢大家!主要是我只是做前

如何在webbrowser中让页面中的js运行前替换修改js代码呢

问题描述 如何在webbrowser中让页面中的js运行前替换修改一个js代码呢.例如网页中有一个脚本段,里面有一个:alert("a")和username.focus()在页面下载完以后激发完成事件时,通过WebBrowser1.Document.All.tags("script")找出所有脚本段,然后替换里面的内容.现在的问题,替换时,alert已经发生了,再替换也没用了.等下载完,又不发生这个事件了,其他事件发生时,例如downloadcompelete事件发

Ajax中通过JS代码自动获取表单元素值的示例代码_AJAX相关

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f

js获取select的值实现代码

一款很简单的利用js来获取select当前选中项的值代码,在select有个特别当前值应该是获取它的options的selectedindex的值,这样我们就可以如ojb.options[obj.selectedindex].value来获取了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transition

Ajax中通过JS代码自动获取表单元素值的示例代码

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f