JavaScript聚焦于第一个字段的代码_表单特效

这个主要会用在表单字段中,所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点。(呵呵^_^,很简单!)

复制代码 代码如下:

FormUtil.focusOnFirst = function() {
if (document.forms.length > 0) {
for (var i = 0; i < document.forms[0].elements.length; i++) {
var oField = document.forms[0].elements[i];
if (oField.type != "hidden") {
oField.focus();
return;
}
}
}
}

时间: 2024-09-28 04:39:48

JavaScript聚焦于第一个字段的代码_表单特效的相关文章

JavaScript动态调整TextArea高度的代码_表单特效

核心代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function adjustObjHeight(obj, defaultHeight) { if(obj.scrollHeight > defaultHeight) { obj.style.height = obj.scrollHeight + 'px'; } else { obj.style.height

javascript select 之间传值效果的代码_表单特效

二个框内值传递.不错的效果 复制代码 代码如下: <script type="text/javascript" defer="defer">  function $(value)  {   return document.getElementById(value);  }  function ch(s){   var p = new Array(0,1,2);   p[0] = '大学';   p[1] = '高中';   p[2] = '初中';   

javascript之dhDataGrid Ver2.0.0代码_表单特效

针对dhDataGrid的前一版本Ver1.0.0而做的更新! 1.标题栏.左边边栏固定方式更新,取消expression方式: 2.排序方式更新,同时支持数字.字符.日期.数字字符混合.中文汉字的排序: 3.支持换肤,您可以自己定制该控件样式: 4.预留[双击].[右键]功能: 5.支持IE.FF: CSS: /*dhdatagrid 大块样式*/ #dhdatagrid {position:relative;width:500px;height:200px;background:white;

javascript 获取select下拉列表值的代码_表单特效

比如,在使用DWR的时候,如果你想传递下拉框的参数到后台的话,此时就需要先获取到下拉框的值了. 其实想要获取到下拉框的值是很简单的. 最关键的一段代码就是: 复制代码 代码如下: onchange="show(this.options[this.options.selectedIndex].value);" onchange="show(this.options[this.options.selectedIndex].value);" show是一个自定义的函数名.

文本框获得焦点和失去焦点的判断代码_表单特效

文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript的直接写在了input上 复制代码 代码如下: <input name="pwuser" type="text" id

默认让页面的第一个控件选中的javascript代码_表单特效

当页面上面显示了一个表单后,通常焦点 并不是放在第一个控件上面,只需要一点通常的脚本就可以实现这个效果 . document.forms[0].elements[0].focus(); 如果页面的第一个控件是隐藏字段,或是不支持focus() 上面这段javascript 可能就会出现错误 ! 复制代码 代码如下: var formutil = new Object; formutil.focusOnfirst = function() { if(document.forms.length>0)

Javascript 表单之间的数据传递代码_表单特效

一,最简单的就是同一个网页里的表单的数据传递. 举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮.点按钮互相对操作对方的文本框的值.我们举的例子是把一个文本框付给另一个文本框.具体的HTML代码如下:  复制代码 代码如下: <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/

javascript options属性集合操作代码_表单特效

复制代码 代码如下: <form name="testform"> <select name="testselect"> <option value="first">first option</option> <option value="second">second option</option> <option value="third

select组合框option的捕捉实例代码_表单特效

这是一份报名表单,要求用户在选中"专业人士访问员"和"定性访问员"后,分别显示"可提供被访者类型"和"容易接触到的行业"的对应表单.当呈未选中状态时,这2个框也对应的隐藏起来. html部分 复制代码 代码如下: <p> <label class="title">报名参加的兼职职位(必填项)<br/>按住Ctrl键可多选</label> <select