Prototype使用$F()函数

1.前言

$F()函数用于获取表单控件的值,比如input、textArea、select元素等,该函数既可用表单控件的id值作为参数,也可直接使用表单控件作为参数。该函数只是Form.Element的getValue()方法的别名。

2.例子

   看下的代码。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> $F()函数 </title>
</head>
<body>
<input type="text" id="text1" name="text1" />
<input type="text" id="text2" name="text2"/><br />
<textarea cols="40" rows="2" id="text3" ></textarea><br />
<input type="button" onclick="clickHandler();" value="显示"/>
<div id="show"></div>
<script src="../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
// 事件处理函数,用于输出三个表单控件的值
function clickHandler()
{
	$("show").innerHTML = $F("text1")
		+ "<br />" + $F("text2")
		+ "<br />" + $F("text3");
}
</script>
</body>
</html>

3.运行结果

Prototype使用$F()函数_第1张图片

你可能感兴趣的:(JavaScript,web开发,prototype)