您当前的位置：飞诺网 >> 网页设计 >> Javascript >> Javascript系列教程
用javascript操作 asp .net TextBox控件 下
www.diybl.com 时间 ： 2010-06-29 作者：佚名 编辑：Mr.阿布 点击： [ 评论 ]
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
//javascript设置文本框的最大长度
function Button1_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.maxLength=10;
return false;
}
//javascript设置文本框的属性为只读
function Button2_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.readOnly=true;
return false;
}
//javascript设置行数与文本框类型
//将<input type=text />改成＜textarea />
//id号不变
function Button3_Click()
{
//移除TextBox1
var textBox1=document.getElementById("TextBox1");
var textBox1id=textBox1.id;
//得到TextBox1的父元素
var parentE=textBox1.parentElement;
parentE.removeChild(textBox1);
//创建新元素TextArea
var newTextBox1=document.createElement("<textarea />");
newTextBox1.id=textBox1id;
newTextBox1.name=textBox1id;
newTextBox1.rows=10;
parentE.appendChild(newTextBox1);
// parentE.insertBefore(newTextBox1,textBox1);
return false;
}
//javascript设置文本框的文本
function Button4_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.value=’中国。河北。保定。曲阳。王爱辉’;
return false;
}
//javascript设置鼠标移过去显示文本
function Button5_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.title=’曲阳县第一中学’;
return false;
}
//设置文本框的可见性
//可能是将TextBox1控件从dom树中删除
function Button7_Click()
{
var txtBox1=document.getElementById("TextBox1");
return false;
}
//javascript设置是否自动换行
//只对<textare />有效
function Button6_Click()
{
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClientClick ="return Button1_Click();" Text="maxLength" />
<br />
<asp:Button ID="Button2" runat="server" OnClientClick="return Button2_Click();" Text="readOnly" />
<br />
<asp:Button ID="Button3" runat="server" OnClientClick="return Button3_Click();" Text="rows & textMode" />
<br />
<asp:Button ID="Button4" runat="server" OnClientClick="return Button4_Click();" Text="text" />
<br />
<asp:Button ID="Button5" runat="server" OnClientClick="return Button5_Click();" Text="toolTip" />
<br />
<asp:Button ID="Button7" runat="server" OnClientClick="return Button7_Click();" Text="visible" />
<br />
<asp:Button ID="Button6" runat="server" OnClientClick="return Button6_Click();" Text="wrap" />
<br />
</div>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
//javascript设置文本框的最大长度
function Button1_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.maxLength=10;
return false;
}
//javascript设置文本框的属性为只读
function Button2_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.readOnly=true;
return false;
}
//javascript设置行数与文本框类型
//将<input type=text />改成＜textarea />
//id号不变
function Button3_Click()
{
//移除TextBox1
var textBox1=document.getElementById("TextBox1");
var textBox1id=textBox1.id;
//得到TextBox1的父元素
var parentE=textBox1.parentElement;
parentE.removeChild(textBox1);
//创建新元素TextArea
var newTextBox1=document.createElement("<textarea />");
newTextBox1.id=textBox1id;
newTextBox1.name=textBox1id;
newTextBox1.rows=10;
parentE.appendChild(newTextBox1);
// parentE.insertBefore(newTextBox1,textBox1);
return false;
}
//javascript设置文本框的文本
function Button4_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.value=’中国。河北。保定。曲阳。王爱辉’;
return false;
}
//javascript设置鼠标移过去显示文本
function Button5_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.title=’曲阳县第一中学’;
return false;
}
//设置文本框的可见性
//可能是将TextBox1控件从dom树中删除
function Button7_Click()
{
var txtBox1=document.getElementById("TextBox1");
return false;
}
//javascript设置是否自动换行
//只对<textare />有效
function Button6_Click()
{
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClientClick ="return Button1_Click();" Text="maxLength" />
<br />
<asp:Button ID="Button2" runat="server" OnClientClick="return Button2_Click();" Text="readOnly" />
<br />
<asp:Button ID="Button3" runat="server" OnClientClick="return Button3_Click();" Text="rows & textMode" />
<br />
<asp:Button ID="Button4" runat="server" OnClientClick="return Button4_Click();" Text="text" />
<br />
<asp:Button ID="Button5" runat="server" OnClientClick="return Button5_Click();" Text="toolTip" />
<br />
<asp:Button ID="Button7" runat="server" OnClientClick="return Button7_Click();" Text="visible" />
<br />
<asp:Button ID="Button6" runat="server" OnClientClick="return Button6_Click();" Text="wrap" />
<br />
</div>
</div>
</form>
</body>
</html>
如果图片或页面不能正常显示请点击这里
Javascript系列教程推荐文章
频道地图
Javascript系列教程相关文章
