JavaScript与Asp.net传值

简介:
 

在基于ASP.NET的开发中,经常性的需要JS脚本来增加一些客户端的控制,比如限制输入字符,日期控件等等。一般这样的控制基本上在客户端完成就比较好,无需回传到服务端。总结了最近的开发中使用的一些js的技巧,提供给大家:

1、js脚本如何访问服务器控件的值
        界面上有一个TextBox控件,ID为Name,js里可以采用如下脚本取Name的值
     MyValue = document.all("Name").value
     MyValue = document.GetElementById("Name").value

2、服务器控件如何取js中变量的值
        目前未发现比较好的办法,我通常采用的方法是在界面上放一个隐藏的控件HtmlInputHidden,然后设置为以服务器控件运行,这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
        js中给服务器控件赋值:
        var bt=document.all('Name').value;
        bt.value='名称';
        ASP.NET中使用Name.Value来访问。

3、如何遍历界面上所有TextBox元素
        var inputList = document.body.getElementsByTagName("INPUT");
        for(var i=0;i<inputList.length;i++)
        {
           if(inputList[i].disabled==false && (inputList[i].type=='text' || inputList[i].type=='password'))
           {
              inputList[i].value="";
           }
        }

4、让dropdownlist选择到指定项
        选择dropdownlist中值为“我得选择”得项
        var handl=document.all('List1');
        var my_value='我得选择';
        for(var index=0;index<handle.options.length;index++)
        {
            if(handle.options[index].text==my_value)
            {
                handle.selectedIndex=index;
            }
        }

目录
相关文章
|
3月前
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
48 5
|
6月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
6月前
|
JavaScript 前端开发 Java
JavaScript中的传值与传引用
JavaScript中的传值与传引用
38 0
|
6月前
|
JavaScript 前端开发
js中父子元素如何传值
js中父子元素如何传值
67 0
|
移动开发 小程序 JavaScript
微信小程序学习实录7(H5嵌入小程序、获取微信收货地址、数组对象url传值、js获取url参数)
微信小程序学习实录7(H5嵌入小程序、获取微信收货地址、数组对象url传值、js获取url参数)
324 0
|
JavaScript Java
JS实现页面跳转并传值
JS实现页面跳转并传值
|
开发框架 前端开发 .NET
.NET MVC第三章、三种传值方式
.NET MVC第三章、三种传值方式
117 0
.NET MVC第三章、三种传值方式
|
JavaScript
[JS ES6]传值和传址
[JS ES6]传值和传址
64 0
[JS ES6]传值和传址
|
JavaScript
vue.js 兄弟组件传值
vue.js 兄弟组件传值
|
JavaScript 前端开发
【Vue.js 入门与实战】--组件传值-父组件向子组件传值和data与props的区别
vm 实例也可以看成一个大的组件 ,因为也有自己的控制区域与 date。同时实例也可以看到是一个组件。
【Vue.js 入门与实战】--组件传值-父组件向子组件传值和data与props的区别
下一篇
无影云桌面