JavaScript怎样获取select标签当前选择的值呢?

JavaScript015

JavaScript怎样获取select标签当前选择的值呢?,第1张

如果select标签是有id属性的,如

<select id=xx>...

则用下述方法获取当前选项的值:

var v = xx.value

var v = document.getElementById("xx").value //此方法兼容性好

如果select标签是有name属性的,如

<form name=form1>

<select name=xx>...

则用下述方法获取当前选项的值:

var v = form1.xx.value

var v = document.getElementsByName("xx")[0].value

如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如

<select>...

则用下述方法获取当前选项的值:

var v = document.getElementsByTagName("select")[0].value

如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧: 

方法一、 

Java代码

<html>

<head>

<script language="javascript">

function print(){

var a=myform.name.value

alert(a)

}

</script>

</head>

<body>

<form name="myform">

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。 

方法二、 

JS代码

<html>

<head>

<script language="javascript">

function print(){

var a=document.getElementById("nn").value

alert(a)

}

</script>

</head>

<body>

<form>

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

【简介】:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值,它们的的区别是:

1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href

2、window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不能写

3、document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:

用document.location.href切换后,可以退回到原页面。

而用document.location.replace切换后,不可以通过“后退”退回到原页面。