LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

js 如何取下拉列表select的值

Ccoffee
2012年5月9日 18:23 本文热度 3188

<html>
<head><title>获取下拉列表选中项的值和文本(select)</title></head>
<body>
<script>

//获取下拉列表选中项的文本
function getSelectedText(name){
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++){
   
if(obj[i].selected==true){
    
return obj[i].innerText;      //关键是通过option对象的innerText属性获取到选项文本
   }
}
}

//获取下拉列表选中项的值
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //直接用其对象的value属性便可获取到
}

</script>
<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>

<input type="button"   value="所选文本"   onclick="alert(getSelectedText('myselect'));" />
<input type="button"   value="所选值" onclick="alert( getSelectedValue('myselect'));" />
</body>
</html>


Jquery写法


<html> <head>
        
<title>获取下拉列表选中项的值和文本(select)</title>
        
<script type="text/javascript" src="scripts/jquery.js"></script>
        
<script type="text/javascript">
            
function getValue(elem){
                alert($(elem).val());
            }
            
            
function getText(elem){
                $(elem).children().each(
function(){
                    
if($(this).attr("selected")===true){
                        alert($(
this).text());
                    }
                });
            }
        
</script>
    
</head>
    
<body>
        
<select id="myselect">
            
<option value="fist">1</option>
            
<option value="second">2</option>
            
<option value="third">3</option>
        
</select>
        
<input type="button" value="所选文本" onclick="getValue('#myselect')" />
        
<input type="button" value="所选值" onclick="getText('#myselect')" />
        
</body>
</html>


该文章在 2012/5/9 18:23:57 编辑过

全部评论1

Ccoffee
2012年5月9日 18:28
<select   id="tryselect"   name="">   
  <option   value="1">text   1</option>   
  <option   value="2">text   2</option>   
  </select>   
  <script   language="JavaScript">   
  <!--   
      var   myid   =   document.getElementById("tryselect");   
      alert(myid.options[myid.selectedIndex].value   +"\n"   +myid.options[myid.selectedIndex].text)   
  //-->   
  </script> 

该评论在 2012/5/9 18:28:44 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved