js获取下拉框值

来源:互联网 发布:速读训练软件app 编辑:程序博客网 时间:2024/06/07 08:20
<!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" xml:lang="en" lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta name="author" content="utf-8" />
 <title>无标题 2</title>
    <script>
        function change(obj){
            var AdultObj = document.getElementById("AdultNum");
            Adult_Value = AdultObj.options[AdultObj.selectedIndex].value;
           
            var ChildObj = document.getElementById("ChildNum");
            Child_Value = ChildObj.options[ChildObj.selectedIndex].value
           
            var BabyObj = document.getElementById("BabyNum");
            Baby_Value = BabyObj.options[BabyObj.selectedIndex].value
           
            alert(Adult_Value)
            alert(Child_Value)
            alert(Baby_Value)
        }
    </script>
</head>
<body>
<form name="form1">
                成人
  <select name="AdultNum" id="AdultNum" onChange="change(this);">
      <option value='1'>1</option>
      <option value='2'>2</option>
      <option value='3'>3</option>
      <option value='4'>4</option>
      <option value='5'>5</option>
      <option value='6'>6</option>
      <option value='7'>7</option>
      <option value='8'>8</option>
      <option value='9'>9</option>
  </select>
               儿童
  <select name="ChildNum" id="ChildNum" onChange="change(this);">
    <option value='0'>0</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
    <option value='6'>6</option>
    <option value='7'>7</option>
    <option value='8'>8</option>
    <option value='9'>9</option>
  </select>
               婴儿
  <select name="BabyNum" id="BabyNum" onChange="change(this);">
    <option value='0'>0</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
    <option value='6'>6</option>
    <option value='7'>7</option>
    <option value='8'>8</option>
    <option value='9'>9</option>
  </select>
</form>
</body>
</html>




js获取下拉框的值  

2012-10-12 10:24:23|  分类: Jquery |举报 |字号 订阅

1.onchange里面

<select id="view" name="position" onchange="aa(this)"> 
<option selected value="1">工程部 </option> 
<option value="2">预审部 </option> 
<option value="3">销售部 </option> 
</select> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function aa(osel){
alert(osel.options[osel.selectedIndex].text)
}
//-->
</SCRIPT>

2.按钮事件里面

<select id="view" name="position"> 
<option selected value="1">工程部 </option> 
<option value="2">预审部 </option> 
<option value="3">销售部 </option> 
</select> 
<input type="button" value="add" onclick="add();"> 
<input type="text" id="here" > 
<SCRIPT LANGUAGE="JavaScript"> 
function add(){ 
var obj=document.getElementById("view"); 
var value=document.getElementById("here").value; 
alert(obj.options[obj.selectedIndex].text); 
value=obj.options[obj.selectedIndex].text; 
} 
</SCRIPT> 


取表单字段

var remindnums2=document.forms['CustomView'].method2Nums.value;

0 0
原创粉丝点击