JS获取下拉列表所选中的TEXT和Value的实现代码

 本篇文章主要是对JS获取下拉列表所选中的TEXT和Value的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

如下所示：
代码如下:
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function selChange(){
    var sel=document.getElementById('sel');    
    alert(sel.options[sel.selectedIndex].text);
    alert(sel.options[sel.selectedIndex].value);
}
</script>
</head>
<body>
<select id="sel" onchange="selChange()" >
<option value="zhangsan">张三</option>
<option value="lisi" >李四</option>
<option value="wangwu" >王五</option>
</select>
</body>
</html>

时间： 2024-09-06 14:43:45

JS获取下拉列表所选中的TEXT和Value的实现代码的相关文章

JS获取下拉列表所选中的TEXT和Value的实现代码_javascript技巧

如下所示: 复制代码 代码如下: <!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=

JS获取select的value和text值的简单实例

 本篇文章主要是对JS获取select的value和text值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <select id = "cityList" >    <select id = "selectId" >       <option value = "0">第0个</option>    </select>      <script&g

兼容问题- JS获取文件file路径取出图片信息，求兼容浏览器代码谢谢！

问题描述 JS获取文件file路径取出图片信息,求兼容浏览器代码谢谢! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> JS 文件大小及类型判断 *{}{ font-size:12px;} <!-- function ShowInfo(sUrl) { va

js获取select标签选中值的两种方式

 获取select标签选中的值有很多方法,下面通过两种方式使用js来进行获取,喜欢的朋友可以参考下 代码如下: var obj = document.getElementByIdx_x("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery

js获取下拉列表的值和元素个数示例_基础知识

js获取下拉列表框元素的个数 复制代码 代码如下: <!DOCTYPE html><html><head><script>function getLength(){alert(document.getElementById("mySelect").length);//元素个数}</script></head><body> <form><select id="mySelect&

js获取某元素的class里面的css属性值代码_javascript技巧

用js如何获取div中css的 margin.padding.height.border等.你可能说可以直接用document.getElementById("id").style.margin获取.但是你说的只能获取直接在标签中写的style的属性,无法获取标签style外的属性(如css文件中的属性).而下面方法则两者值都可以获取.实例效果图如下:   js在获取css属性时如果标签中无style则无法直接获取css中的属性,所以需要一个方法可以做到这点.getStyle(obj,

js获取select默认选中的Option并不是当前选中值_javascript技巧

js函数方法: 复制代码 代码如下: <script> function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ''), opts; try { opts = document.getElementById(selectId).getElementsByTagName('option'); for (var i in opts) { if (opts[

JS获取select的value和text值的简单实例_javascript技巧

复制代码 代码如下: <select id = "cityList" >   <select id = "selectId" >      <option value = "0">第0个</option>   </select>   <script>       var selectObj = document.getElementById('selectId');     

js 获取ckeckbox被选中的个数

function getnumchecked(form) {  form=document.getelementbyid(form);  var num = 0;  for (i = 0, n = form.elements.length; i < n; i++) {   if(form.elements[i].type == "checkbox") {    if(form.elements[i].checked == true)     num++;   }  }  retu