如果使用html控件还好一些,服务器控件就比较郁闷一些,因为GridView生成之后是多行的,所以这个文本框也会有很多个,另一方面asp.net会自动重新命名控件,所以想通过ID获取已经不可能了,很不幸的是连name属性都被自动生成了,哪怕你添加了name属性,也无法覆盖生成的name,而是会出来两个name属性
那么就想别的办法,如果在GridView中只有一个模板列(其实是要求生成后一行只有一个input,那么可以使用下面这种办法:
var txtbx = document.getElementById("<%=GridView1.ClientID%>").getElementsByTagName("input");
for(var i=0;i<txtbx.length;i++){
// txtbx[i]可以循环取出一个个文本框
}
如果有很多个,那么可以使用下面的办法:
var txtbx = document.getElementById("<%=GridView1.ClientID%>").getElementsByTagName("input");
for(var i=0;i<txtbx.length;i++){
if(txtbx[i].id.indexOf("txtbx")!=-1){
// 这里的txtbx[i]就是你想要的,生成的ID里会包含你原来的ID
}
} ......
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素:
document.elementfromPoint(event.x,event.y).tagName=="TD
document.elementfromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
......
一、新增一个option
var sel=document.getElementById("select的id");
var op=document.createElement("option");
op.value=值;
op.text=显示文本;
sel.add(op);
二、删除一个option
var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
alert("请选中要删除的项!");
for(var i=0;i<sel.options.length;i++){
if(sel.options[i].selected){
sel.options.remove(i);
break;
}
}
三、清空select的所有option
var citySel=document.getElementById("select的id");
citySel.options.length=0;
四、获得选中项的值
var citySel=document.getElementById("select的id");
var selectedValue=citySel.value;
五、获得当前选中项的索引
var selectedIndex=document.all.objSelect.selectedIndex;
六、设置select的当前选中项
方法1(单个select): document.getElementById("products_type_id").selectedIndex=1;
方法2(级联select如省市级联):
var province_sel=document.getElementById("province");//获得省select
v ......
<html>
<body>
<table width="200" border="1" id="tb">
<tr id="r1">
<td><input type="checkbox" name="ck" value="1"></td>
<td>abc</td>
</tr>
</table>
<p>
<input type="button" onClick="add();" value="add"/>
<input name="button" type="button" onClick="deletes();" value="delete"/>
</p>
</body>
<mce:script language="javascript"><!--
var tb=document.getElementById("tb");
var i=2;
function add()
{
var mytr=tb.insertRow();
mytr.setAttribute("id","r"+i);
var mytd_1=mytr.insertCell();
var mytd_2=mytr.insertCell();
mytd_1.innerHTML="<input type='checkbox' name='ck' value='"+i+"'>";
mytd_2.innerText="abc"+i;
i++;
}
function deletes()
{
var ok=document.getElementsByName("ck");
for(var k=0;k<ok.length;k++)
{
if(ok[k].checked==true)
{
tb.deleteRow( ......
JavaScript 是根据 "ECMAScript"标准制定的网页脚本语言。这个标准由 ECMA 组织发展和维护。ECMA-262
是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript
(Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996
年开始,已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年,在 1997 年 7
月,ECMA 会员大会采纳了它的首个版本。
本系列教程旨在向大家分享本人当年学习Javascript的笔记和心得。本系列教程预计分五个部分。
第一部分:Javascript内置对象。
第二部分:客户端JavaScript。
第三部分:文档对象模型。
第四部分:面向对象封装及闭包的应用。
第五部分:系列专题(正则表达式,框架学习,etc...)。
Javascript其实不是一种完全的面向对象的语言,准确的说,应该是一种基于对象的编程语言,尽管我们可以模拟面向对象的特性,但是一旦脱离
它的容器及一些基本的对象组件,Javascript将寸步难行。如果缺少DOM组件的支持,我们就无法写出优雅交互性良好的用户界面,如果缺少
XMLHTTPRequest组件的支持,我们将无法实现交互性良好的Ajax客户端程序。所以,要学好Ja ......
javascript 是一种区分大小写的程序语言.
定义数组:
var strweek= new Array(7);
问号表达式
var i= (condition)?A:B;
相当于if-else 语句;condition 成立 执行A ,不成立执行B;
switch 语句
var i=3;
var result="";
swithck(i);
{
case 1;
result="First";
case 2;
result="Second";
case 3;
result="Three";
break;
}
Date类
getDate() getYear() getMont()
getMinutes() getHours() getSeconds()
setTimeout("fution()",1000); ......