javascript操作文本框
<网f站o学a习s制p作.cn>
javascript操作文本框,包括获取焦点,获取值更改值等.
假设页面forasp_cn_test.html
<html>
<head>
<title>网站制作学习网javascript操作文本框</title>
</head>
<script language="javascript">
var obj = document.getElementById("forasp_text_cn");
代码部分
</script>
<body>
<input type = "text" id="forasp_text_cn" size="20" value="网站制作学习网">
<textarea id = "forasp_textarea_cn">网站制作学习网</textarea>
</body>
</html>
首先是获取,更改文本框的值(只写代码部分)
alert(obj.value);//输出text里面的值为"网站制作学习网"
更改值text值
obj.value = "更改后的值!";//更改完毕.
其次,text获取焦点,选中里面的文字.
obj.focus();//text框获取焦点
obj.select();//text内容选中
然后,文本框有什么事件
blur-当用户更改内容后文本框失去焦点时触发.如果是通过javascript的特性value更改则不会触发
focus-当text文本框获取焦点时触发.
change-当用户更改内容后文本框失去焦点时触发.如果是通过javascript的特性value更改则不会触发
select-当一个或者多个字符选中时触发.
然后,自动选择文本,当text获取焦点后,里面的内容自动选中
onfocus = this.select();
onfocus = this.select();
或者
var temp = new Object;
temp.setTextboxes = function()
{
var obj1 = document.getElementById("forasp_text_cn");
var obj2 = document.getElementById("forasp_textarea_cn");
for(var i = 0;i<obj1.length;i++)
{
if(obj1[i].type =="text"||obj1[i].type =="password")
{obj1[i].onfocus = function {this.select();}}
}
for(var i = 0;i<obj2.length;i++)
{
obj2[i].onfocus = function {this.select();}
}
}
然后,自动切换到下一个文本框
temp.tabForward = function(t_obj)
{
var oform = oText.form;
if(oform.elements[oform.elements.length-1]!=t_obj&&t_obj.value.length == t_obj.getAttribute("maxlength"))
{
for (var i =0;i<oform.elements.length;i++)
{
if(oform.elements[i]==t_obj)
{
for (var j=i+1;j<oform.elements.length;j++)
if(oform.elements[j].tyle!="hidden")
oform.elements[j].focus();
return
}
return;
}
}
}tabForward只接受一个参数t_obj那就是要检查的文本框。通过t_obj.form获取form对象。
http://%77%77%77%2E%66网站制作%6F学习网%72%61%73%70%2E%63%6E