用心做好每一件事情！

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

复制代码
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=\"删除\" 
     onclick=\"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接受返回值
复制代码

 

posted @   无 影  阅读(7752)  评论(0)  编辑  收藏  举报
编辑推荐：
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
作者： Allen【QQ:96966 1314】 网名：无影 出处： http://www.cnblogs.com/allen0118/ 声明： 本文版权归作者和博客园共有！转载时必须保留此段声明，且在文章页面明显位置给出原文连接。
点击右上角即可分享
微信分享提示
AI IDE Trae