JavaScript经典代码【一】【javascript HTML控件获取值】

最新推荐文章于 2021-06-08 10:22:41 发布

weixin_33835690

最新推荐文章于 2021-06-08 10:22:41 发布

阅读量386

点赞数

文章标签： javascript ViewUI

javascript HTML控件获取值
 

1.下拉列表框选定值
ddlPageSize.options[ddlPageSize.selectedIndex].value
ddlPageSize.options[ddlPageSize.selectedIndex].text

复选框
$get('chkGoogle').checked

控件隐藏与显示:
   document.getElementById("控件名").style.display='' //显示
        document.getElementById("控件名").style.display='none'

textBox:
   document.getElementById("控件名").value        //获取或设值文本框值
checkbox:
   document.getElementById('chkComJoin').checked //判断是否已选择
  
   example:
    if(document.getElementById('chkComJoin').checked)
            document.getElementById('trcomjoin').style.display=''
        
label:
   document.getElementById("控件名").innerHTML   //获取或设值标签值


网址验证:
   var urlreg1=/^[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
                if (!urlreg1.test(a.value))//验证网址
                {
                                  
                    document.getElementById("lblCheckWebFormat2").innerHTML="请正确录入企业网址！";
                                   
                }
                 else
                {
                     document.getElementById("lblCheckWebFormat2").innerHTML="";
                }

防止返回字
符为类型 :
   if(typeof(返回值变量)!="undefined")



table添加行:   insertRow()
        insertCell()
        表ID.rows(0).cells(0).innerText   或   innerHTML //获取或设值某单元格

   var   curRow=document.getElementById(表ID).rows.count;//得到表的最大行数,作为插入位置(第几行)
    var x=document.getElementById(name).insertRow(curRow); //插入一行在curRow位置,并定义x行对象
       var C1=x.insertCell(0);//插入一个单元格(列)在0位置,并定义C1列对象
       var C2=x.insertCell(1);
       var C3=x.insertCell(2);
       var C4=x.insertCell(3);
       var C5=x.insertCell(4);
       C1.innerHTML=ary[0];//为单元格赋值,
       C1.style.display='none';
       C2.innerHTML=ary[1];
       C2.style.display='none';
       C3.innerHTML='<a href=\"'+ary[0]+'\" target=\"_blank\">'+ary[2]+'</a>';
       C4.innerHTML=ary[3];
       C4.style.display='none';
        C5.innerHTML="<input type=\"button\" value=\"删除\" 
     οnclick=\"if(confirm('确实要删除当前项吗?')){DelteFile     ('"+ary[0]+';'+aryof1+"');this.parentNode.parentNode.removeNode(true)}\">";
       


日期控件使用:
    
   将日期控件放入弹出的新页面中,"<base target="_self"></base>"加入<HEAD></HEAD>之间 
    <script>
    //返回值
    function getValue(Value)
    {
           window.returnValue=Value;
            window.close();
       }
    </script>

模式对话框:
   var str = window.showModalDialog("ShowCom.aspx","compar","dialogWidth=750px;dialogHeight=600px;status=no;scrollbars=no");//str接受返回值