Prototype中使用ObjectRange和Form.Element操作表单

最新推荐文章于 2016-05-08 11:09:53 发布

平民-王子

最新推荐文章于 2016-05-08 11:09:53 发布

阅读量293

点赞数

分类专栏： Prototype 文章标签： prototype JavaScript XHTML Ajax HTML ViewUI

本文链接：https://blog.csdn.net/libinxuan520/article/details/83767823

版权

Prototype 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

先看ObjectRange的应用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>ObjectRange</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//创建一个ObjectRange对象
			var range = new ObjectRange(2, 9, true);
			//编辑ObjectRange对象的元素
			range.each(function(ele, index) {
				document.writeln("索引" + index + "处的值为：" + ele + "<br />");
			});
			//使用$R()函数创建一个ObjectRange对象
			var ra = $R('a', 'e');
			//将ObjectRange转换为数组
			document.writeln($A(ra));
			//判断该ObjectRange里是否包含'b'
			alert(ra.include('b'));
		</script>
	</body>
</html>

下面是Form.Element操作表单的程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Form.Element对象</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<!-- 下面定义四个单行文本框，用于被下面的按钮事件操作 -->
		<input id="text1" name="text1" type="text" />
		<br />
		<input id="text2" type="text" />
		<br />
		<input id="text3" type="text" />
		<br />
		<input id="text4" type="text" value="crayjava.org" />
		<br />
		<select size="3" id="st1">
			<option>
				Java
			</option>
			<option>
				Java EE
			</option>
			<option>
				Ajax
			</option>
		</select>
		<br />
		<!-- 单击该按钮将清除第二个文本框的输入 -->
		<input type="button" value="清除第二个表单控件的输入"
			οnclick="Form.Element.clear('text2');" />
		<br />
		<!-- 单击该按钮将校验第一个文本框的输入，
		当第一个文本框有输入时返回true -->
		<input type="button" value="校验第一个表单控件的输入"
			οnclick="alert($('text1').present());" />
		<br />
		<!-- 单击该按钮将会把焦点移到第三个输入框 -->
		<input type="button" value="移动焦点到第三个输入框"
			οnclick="Form.Element.focus('text3');" />
		<br />
		<!-- 单击该按钮将选中第四个文本框内的文字 -->
		<input type="button" value="选中第四个文本框的文本"
			οnclick="Form.Element.select('text4');" />
		<br />
		<!-- 单击该按钮让列表框获得焦点 -->
		<input type="button" value="让下拉列表获得焦点" οnclick="$('st1').activate();" />
		<br />
		<!-- 单击该按钮会将第一个文本框的内容转换为查询字符串 -->
		<input type="button" value="转换查询字符串" οnclick="alert(Form.Element.serialize('text1'));"/>
		<br />
		<!-- 单击该按钮会将返回第一个文本框的值 -->
		<input type="button" value="返回第一个表单控件的值"
			οnclick="alert(Form.Element.getValue('text1'));" />
		<br />
	</body>
</html>

平民-王子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Prototype中使用ObjectRange和Form.Element操作表单

先看ObjectRange的应用：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;...
复制链接

扫一扫

专栏目录