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

简介: javascript HTML控件获取值 1.下拉列表框选定值 ddlPageSize.options[ddlPageSize.selectedIndex].value ddlPageSize.
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接受返回值
 

 

相关文章
|
18天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
30 0
|
1天前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
6 1
|
9天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
9天前
|
前端开发
HTML代码示例
HTML代码示例
13 1
|
9天前
|
搜索推荐
当使用HTML代码时,一些常见的问题
当使用HTML代码时,一些常见的问题
10 0
|
10天前
错误或拦截页面的html代码
错误或拦截页面的html代码
14 0
错误或拦截页面的html代码
|
18天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
19天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
19 0
|
24天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性

相关实验场景

更多