【onpropertypchange_表单特效】教程文章相关的互联网学习教程文章

javascript动态设置已知select的option的value值的代码_表单特效

代码如下:funtion setSelectOption(a,b){//a =>select 的id名,b=>已知option的值 for (i=0;i<$(a).length;i++) //$(a)获取a的id的简单写法,前提是必须用引用prototype.js if($(a).options[i].value == b){//遍历select $(a).options[i].selected=true;//选中特定值 break; }

IE不支持option的display样式,只能使用remove和add_表单特效【图】

it works.............. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 想实现一个很简单的功能:当选中“中介”时,不显示“求购”与“求租”。本以为通过display:none即可实现,结果发现在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都无效。 所以,通过javascript设置display:none也是在IE中无效,代码如下: it works.............. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 所以,只能通过sel...

javascriptoptiononclick事件ie解决方案兼容ie,firefox_表单特效

select-option onclick function simOptionClick4IE(){ var evt=window.event ; var selectObj=evt?evt.srcElement:null; // IE Only if (evt && selectObj && evt.offsetY && evt.button!=2 && (evt.offsetY > selectObj.offsetHeight || evt.offsetY aaaaa bbbbb ccccc [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]运行测试下即可。

textbox在光标位置插入字符功能的js实现(兼容ie,firefox)_表单特效

更简单的在光标处插入文字 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]需要注意的是document.selection.createRange是IE独有的 而firefox也有独有的一套 代码如下:var $obj = document.getElementById("words"); var selstart = $obj.selectionStart; //文字浮标选择的开始位置 var selend = $obj.selectionEnd; //文字浮标选择的结束位置

javascript获得光标所在的文本框(text/textarea)中的位置_表单特效

js获得光标所在的文本框(text/textarea)中的位置 function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.moveToPoint(event.x,event.y); }else{ //Text rng = document.selection.createRange(); } rng.moveStart("character",-event.srcElement...

兼容firefox的文本框只能输入两位小数的数字的代码_表单特效

function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /\d|\./; var result = reg.test(keychar); if(result) { if(e.keyCode==46) result=!(txt.value.split('.').length>1); else result=!(txt.value.split('.').length>1&&txt.value.split('.')[1]...

JS+CSS实现的一种交互体验表单页面_页面背景

JS+CSS实现的一种交互体验 @charset "gb2312"; /*元素初始值*/ html {background: #FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin: 0px;padding: 0px;} p{cursor: text;} h1,h2,h3,h4,h5,h6{font-size:100%;} ol,ul{list-style-type: none;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} table{border-collapse:col...

jquery表单取值常用代码_jquery

jquery操作表单元素代码/*假设在一个表单中有一个按钮id="save"$(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈. });});取下拉菜单选中项的文本; 获取和设置下拉菜单的值; 清空下拉菜单; 给下列菜单添加元素; 取单选框...

javascript清空form表单中某种元素的值_表单特效

下面就以情况type=“text”为例: 代码如下: 通过调用js的Refresh方法 方法一 代码如下: function Refresh() { var v=document.forms[0].elements; for(var i=0;i<v.length;i++) { if(v[i].type=="text") { v[i].value=""; } } } 或方法二 代码如下: function Refresh() { var v=document.getElementsByTagName("input"); for(var i=0;i<v.length;i++) { if(v[i].type=="text") { v[i].value=""; } } } 通过调用refresh函数清...

用Javascript同时提交多个Web表单的方法_javascript技巧

1问题来自一位网友的提问: web页面里有多个表单,每个表单对应着某一类数据操作。 比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。 一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。 现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修...

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

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

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

代码如下: 用下面的代码可以访问到下拉框中选项: 代码如下: // 得到选项对象 document.forms[testform].testselect.options[i] 如果你想删除option 代码如下: document.forms[testform].testselect.options[i] = null; 把这个选项对象标志为null,这个选项就完全从列表中删除了。 注意:这个操作会影响option的数量。假设在上面的实例中,你删除了option[1] ,原来的option[2] 元素('Third option')会变成option[1] 元素(o...

javascript获取表单file全路径_表单特效【图】

具体代码如下: 代码如下: get file input full path function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } } JavaScript...

js监听表单value的修改同步问题,跨浏览器支持_表单特效【图】

想要实现的功能大概是这样的: 有两个文本框,其中一个只读,另一个可以输入。要求在可输入文本框中输入文本时,只读文本框能够获得输入的值,且只读文本框旁边出现提示信息,实时显示只读文本框的内容。 这个功能看是简单,但其实并没有想象的那么简单。(注意,可输入框的处理没什么可讨论的,关键是只读框的处理) 一开始,我们一般会想到在只读文本框上运用onchange事件。一试,发现onchange根本没用,该事件是在文本框获得焦点...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部