javascript获取下拉列表的值

最新推荐文章于 2023-06-14 11:06:31 发布

iteye_17749

最新推荐文章于 2023-06-14 11:06:31 发布

阅读量235

点赞数

分类专栏： javascript 文章标签： JavaScript DWR Ajax UML CSS ViewUI

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

有个时候，我们需要在前台获取到下拉框的值。

比如，在使用DWR的时候，如果你想传递下拉框的参数到后台的话，此时就需要先获取到

下拉框的值了。

其实想要获取到下拉框的值是很简单的。

最关键的一段代码就是：

onchange="show(this.options[this.options.selectedIndex].value);"

show是一个自定义的函数名。

[color=red]this.options[this.options.selectedIndex].value[/color]才是主角！

完整代码如下：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript获取下拉列表的值</title>

<style type="text/css">
body{
font-family:"Courier New", Courier, monospace;
font-size:24px;
color:#0099FF
}

select{
border:solid 1px #0066FF;
font-family:"Courier New", Courier, monospace 14px;
}
</style>

<script type="text/javascript">
function show(value){
	document.getElementById("showChoise").innerHTML="Your Selected : "+value;
}
</script>

</head>

<body style="text-align:center">
<p>JavaScript获取下拉列表的值</p>
<p>
  <select name="select" onchange="show(this.options[this.options.selectedIndex].value);">
    <option value="javascript">javascript</option>
    <option value="ajax">ajax</option>
    <option value="css">css</option>
    <option value="dwr">dwr</option>
    <option value="html">html</option>
    <option value="uml">uml</option>
    <option value="xml">xml</option>
  </select>
</p>
<p>
<div id="showChoise"></div>
</p>
</body>
</html>