| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1666 人关注过本帖
标题:获取select值并验证
只看楼主 加入收藏
xiaozhumt
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2011-3-7
结帖率:100%
收藏
已结贴  问题点数:10 回复次数:4 
获取select值并验证
<select name="year">
          <option>1980</option>
          <option>1981</option>
          <option>1982</option>
          <option>1983</option>
          <option>1984</option>
          <option>1985</option>
          <option>1986</option>
          <option>1987</option>
          <option>1988</option>
          <option>1989</option>
          <option>1990</option>
          <option>1991</option>
          <option>1992</option>
          <option>1993</option>
          <option>1994</option>
          <option>1995</option>
          <option>1996</option>
          <option>1997</option>
          <option>1998</option>
          <option>1999</option>
          <option>2000</option>
      </select>
      年 
      <select name="months">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
      </select>
      
      <select name="day">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
        <option>13</option>
        <option>14</option>
        <option>15</option>
        <option>16</option>
        <option>17</option>
        <option>18</option>
        <option>19</option>
        <option>20</option>
        <option>21</option>
        <option>22</option>
        <option>23</option>
        <option>24</option>
        <option>25</option>
        <option>26</option>
        <option>27</option>
        <option>28</option>
        <option>29</option>
        <option>30</option>
        <option>31</option>
      </select>
 
做了一个年月日的选择生日菜单,希望去验证他的合法性,例如4 6 9 11月没有31号等 我查到一个获取select值的方法,但是就是做不出来 希望斑竹给看下 我还在想 先贴出来 谢
            var themonths=document.getElementByld(months);   //months是我月份select的name 天的select的name是day
            var theday=document.getElementByld(day);
            return day.value;return months.value;
            if (themonths=4 && theday=31)
               {
                alert('请输入正确的生日')
                return false
               }
我想定义两个变量 获取select的值给予这两个变量  然后让他们去做if  不知道哪里出岔子了。。。?!~~~

[ 本帖最后由 xiaozhumt 于 2011-3-8 15:32 编辑 ]
搜索更多相关主题的帖子: option 
2011-03-08 15:31
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:40
帖 子:1787
专家分:7527
注 册:2007-6-27
收藏
得分:10 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<script language="javascript" type="text/javascript">
var obj=function(id){return document.getElementById?document.getElementById(id):id};
function checkp(){
    if(obj('title').value.length<5){
        alert("标题不能少于5个字符");
        obj('title').focus();
        return false;
    }
    if(obj('user').value==""){
        alert("用户名不能为空")
        obj('user').focus();
        return false;
    }
    if(obj('content').value==""){
        alert("内容不能为空");
       obj('content').focus();
        return false;
    }
    if(obj('boy').checked==""&&obj('girl').checked==""){
     alert("男女单选没有做选择!");
     obj('boy').focus();
     return false;
     }
     var year=parseInt(obj('year').value);
    if((year%4==0&&year%100!=0)||year%400==0)
      {
      var two=28; //判断是否润年,如果2月为是28天;
      }
      else
      {
      var two=29;  //不是闰年所以为29天!
      }
      var mm=parseInt(obj('months').value);
     switch (mm)
     {
     case 2:if(obj('day').value>two){alert('2月超过了实际天数!');obj('day').focus();return false;}break
     case 4:
     case 6:
     case 9:
     case 11:
     if(obj('day').value>30){alert('当月超过了实际天数!');obj('day').focus();return false;}break
     };
}
</script>
    <div id="right">
        <form action="kk.htm" method="post" name="myform" onsubmit="return checkp();">
            <br /><br />
            <span>标题</span>:<input type="text" name="title" id="title" value="12345" /><br />
            <span>用户</span>:<input type="text" name="user" id="user" value="12345" /><br />
            <span>内容</span>:<textarea name="content" id="content" value="">12345</textarea><br />
              
      <input type="radio" name="sex"  id="boy" value="male" checked="checked"/><br />
      
      <input type="radio" name="sex"  id="girl" value="female" /> <br />
      出生年月:
      <select name="year" id="year"><br />
          <option selected="selected" value="1980">1980</option>
          <option value="1981">1981</option>
          <option value="1982">1982</option>
          <option value="1983">1983</option>
          <option value="1984">1984</option>
          <option value="1985">1985</option>
          <option value="1986">1986</option>
          <option value="1987">1987</option>
          <option value="1988">1988</option>
          <option value="1989">1989</option>
          <option value="1990">1990</option>
          <option value="1991">1991</option>
          <option value="1992">1992</option>
          <option value="1993">1993</option>
          <option value="1994">1994</option>
          <option value="1995">1995</option>
          <option value="1996">1996</option>
          <option value="1997">1997</option>
          <option value="1998">1998</option>
          <option value="1999">1999</option>
          <option value="2000">2000</option>
      </select>
      
      <select name="months" id="months">
        <option selected="selected" 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>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
      </select>
      
      <select name="day" id="day">
        <option selected="selected" 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>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
      </select>
    <br />
            <input type="submit" name="submit" id="sub" value="发表留言">
        </form>


    </div>
    <div id="left1"></div>
    <div id="left2"></div>
    <div id="left3"></div>
    <div id="left4"></div>
    <div id="foot"></div>
</body>
</html>

参考一下:

Q:1428196631,百度:开发地 即可找到我,有事请留言!
2011-03-08 21:50
xiaozhumt
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2011-3-7
收藏
得分:0 
<script type="text/javascript">
  function form_validator(theform)
        {

            if (theform.Enterprise_Name.value=="")
               {
                alert('用户名不能为空...');
                theform.Enterprise_Name.focus();
                return false
               }
            if(theform.nc.value=="")
               {
               alert('昵称不能为空')
               theform.nc.focus();
               return false
               }
            if (theform.pwd.value=="")
            {
                alert("密码不能为空");
                theform.pwd.focus();
                return false;
            }
            if (theform.repwd.value=="")
              {
              alert('确认密码不能为空');
              theform.repwd.focus();
              return false
              }
            if (theform.pwd.value != document.luntan.repwd.value)
                {
                  alert('两次输入的密码不一致')
                  theform.pwd.focus();
                  return false
                }
                if(theform.email.value.indexOf('@')==-1 || theform.email.value.indexOf('.')< (theform.email.value.indexOf('@')))//indexOf()是检索 -1是在第一个字符开始检索 第一个字符为0
                {
                alert('请输入正确的email');
                theform.email.focus();
                return false
                 }
            if ((theform.introduction.value.length<5) || (theform.introduction.value.length>10000))
                {
                 alert('简介长度应大于5小于10000')
                 theform.introduction.focus();
                 return false
                 }
            if (theform.getElementByld('themonths').options=4)
                 {
                  alert('请输入正确的生日')
                  return false
                 }
                 return(true)
            if ((year%4==0&&year%100!=0)||year%400==0)
            {
            var two=28
            }
            else {var two =29}//这个var不能省略
            var themonths=parseInt(theform.months.value);
            switch themonths
            {
            case 2:if theform.day.value>two {alert('请输入正确的天数');theform.day.focus(); return false}break;
            case 4:if theform.day.value>30 {alert('请输入正确的天数');theform.day.focus();return false}break;
            }
            return true
            
        }
实现不了啊。。  斑竹你那个obj什么意思 怎么用?我这个应该也可以吧  ?这样做完  连我上面的方法都失效了。。
2011-03-09 11:03
xiaozhumt
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2011-3-7
收藏
得分:0 
斑竹  你的这句话帮忙一下  实在不明白 var obj=function(id){return document.getElementById?document.getElementById(id):id};
我看了getElementById的说明 和你写的不一样啊  读不懂
语法:
  obj= document . getElementById ( sID )
  参数:
  sID : 必选项。字符串(String)。
  返回值:
  obj: 对象(object)。
一中午了 就这个玩意卡着儿了
2011-03-09 13:27
xiaozhumt
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2011-3-7
收藏
得分:0 
var year=parseInt(theform.year.value); //因为下面的if要涉及运算 所以去int类型 用parseInt
            if((year%4==0&&year%100!=0)||year%400==0)
                 {
                 var two=29;
                 }
             else
                {
                 var two=28;
                }
            var yue=parseInt(theform.months.value);
            switch (yue)
               {
                case 2:if(theform.day.value>two){alert('请输入正确的天数');theform.day.focus();return false;}break
                case 4:
                case 6:
                case 9:
                case 11:
                       if(theform.day.value>30){alert('请输入正确的天数');theform.day.focus();return false;}break
               }

搞定啦  总之谢谢斑竹   最后的问题出现在我用dreamweaer做select的时候  代码里面select没有value值  现在好啦  不过斑竹的function我不是很懂。。  还有用dreamweaer做select怎么样直接给value?一个一个打麻烦死了。。。知道的麻烦告诉下 谢谢  哈哈  好开心 做通了!~
2011-03-09 15:23
快速回复:获取select值并验证
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.021273 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved