在js 中输入文本框的值改变另一个另一个文本框的值

2024-08-09

js入门-文本框输入特定内容控制另一个文本框

在填写表单时,有时需要某些文本框隐藏,当一文本框输入特定内容时才会显示隐藏的文本框,这一功能可以用onchange事件或oninput事件实现.下面对比下两种方法实现的区别: onchange()定义和用法 onchange 事件会在域的内容改变时发生. 本文示例是在A文本框输入A时显示隐藏的文本框B. 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

JS中的数组，添加删除元素,判断是否存在一个值的方法总结

一.添加元素: 1:在最后添加,返回数组长度:arr.push(...); 2:在最前面添加,返回数组长度:arr.unshift(...); 3:在指定位置添加,没有返回值:arr[i] = xxx; 二.删除元素: 1:删除最后一个元素,返回该元素值:arr.pop(...); 2:删除嘴前面的一个元素,返回改元素值:arr.shift(...); 三.判断一个之是否在数组中: 1:arr.indexOf(...); 返回值大于-1,已存在

js中this绑定方式及如何改变this指向

this的绑定方式基本有以下几种: 隐式绑定显式绑定 new 绑定 window 绑定箭头函数绑定隐式绑定第一个也是最常见的规则称为隐式绑定. var a = { str: 'hello', sayHi() { console.log(this.str) } } a.sayHi() a 调用sayHi,所以this指向了对象a 我们来看一个类似但稍微高级点的例子. var wrapper = { name: 'user1', sayName() { console.log(this.n

firefox(火狐)下 js中设置checkbox属性checked="checked"已有，但复选框却不显示勾选的原因

刚看到问题时以为是浏览器兼容性的原因,ie.google都能正常显示. 网上查询之后发现是jQuery的attr()方法用的不恰当. jQuery1.6之前使用attr()可以修改 ,从jQuery 1.6开始,attr()方法返回undefined尚未设置的属性,对于设置checked这种类型的属性使用prop()来设置. jquey官网给出的两个方法的说明: 获取匹配元素集中第一个元素的属性值,或为每个匹配元素设置一个或多个属性. 并指出检索和修改DOM属性,如checked,selecte

js中实现截取数组的后几个元素作为一个新数组的方法

有时候我们会遇到这种需求,截取数组中后5个元素作为一个新数组,且顺序不能变.数组中的slice()方法和splice()方法都可以实现这样的操作. const arr = [1,2,7,2,6,0,3,1,5,7,8,9,45,12,34,0,56,12,2] // slice()方法 const sliceArr = arr.slice(-5) console.log('sliceArr ',sliceArr) // 得到[34,0,56,12,2] // slice(start,end)表示

JS中在当前日期上追加一天或者获取上一个月和下一个月

/** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取当前日期的月份 var day = arr[2]; //获取当前日期的日 var days = new Date(year, month, 0); days = da

JS中获取数据库中的值

在本次项目中,遇到很多问题,经过努力,都逐步得到解决.静下心来,做一个记录,以供以后学习. 在项目中遇到一个问题,需要在JS中读取数据库中的值,然后再把值返回到页面中,解决方案如下:使用Ajax方法来实现,需要用到ajax.dll(一个ajax技术开发的帮助类库). 实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. public class AjaxMethod www.2cto.com { public AjaxMethod

js-分享107个js中的非常实用的小技巧（借鉴保存）

转载原文:http://***/Show.aspx?id=285 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素

js中一些常用的基本函数

如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于框架)opener.location.reload()刷新父窗口对象(用于单开窗口)top.location.reload()刷新最顶端对象(用于多开窗口)下面再介绍一些javascript基本函数 1.document.write("");为输出语句 2.js中的注释为// 3.

(网页)JS中的小技巧，但十分的实用！

转自CSDN: 1.document.write(”"); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,locetion,document)5.得到表单中元素的名称和值:document.getElementById(”表单中元素的ID号”).name(或value)6.一个小写转大写的JS: docume

JS中常用的语法

在做前端中,JS的语法尤为重要..没有它,就没有你的未来吧.. 下面将一些常用的JS语法给大家罗列出来.. 也给自己备份一下.. 以备不时之需.. 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称

Easyui的datagrid的行编辑器Editor中添加事件（修改某个单元格带出其他单元格的值）

项目中有个datagrid需要编辑行时,用到Editor的属性,那么如何添加一个事件问题:同一个编辑行中的某个单元格值改变时,修改其他单元格的值页面用到的datagrid <table id="list" data-bind="datagrid:grid"> <thead> <tr> <th field="ck" checkbox="false"></th> &l

js中“使用”el表达式

在说相关内容前,一定要先熟悉jsp运行原理: http://blog.csdn.net/lmsnju/article/details/4813488 http://hi.baidu.com/mingfang0219/blog/item/a13db6de9b36ee1e6327989f.html http://blog.sina.com.cn/s/blog_5ce1157b0100wjbv.html el表达式(运用el表达式直接获取值时,例如,${msg},不需要为msg提供set get方法:

js中==， !==, === ,!=的区别

在讨论比较符的时候我们先要来讨论哈js的类型,这样有助于我们从本质上了解原理. 下面是我找的资料加上个人的总结: js中有5种数据类型:Undefined.Null.Boolean.Number和String. 还有一种复杂的数据类型Object,Object本质是一组无序的名值对组成的. JS里不区分整型和浮点型, new function(),它不再是函数,而是一个JS对象,数组在JS里也被认为是对象,JSON当然也是对象,我们一般用{}扩起来, 依次来表示它是一个JSON对象,几个JSON

原生js中slice()方法和splice()区别

slice()方法和splice()方法都是原生js中对数组操作的方法. slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素.例如:arrObject(start,end),start是必选的.规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素:end是可选元素.规定从何处结束选取.该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素.该方法不会修改原数组,如果想删除数组中某一段元素,使用spl

Javascript高级编程学习笔记（3）—— JS中的数据类型（1）

前一段时间由于事情比较多,所以笔记耽搁了一段时间,从这一篇开始我会尽快写完这个系列. 文章中有什么不足之处,还望各位大佬指出. JS中的数据类型上一篇中我写了有关JS引入的Script标签相关的东西. 那么这一篇,我们可以正式进入JS的世界了,emmm 前面的东西应该比较基础,大佬们不喜勿喷. 首先学习一门语言,最开始不出意外的话应该是先了解这门语言由什么类型的数据组成,毕竟语言都是建立在这些数据类型的基础之上的. 在介绍数据类型之前,我先大概说一下 typeof 操作符,这是JS中判断一个变

js中函数的参数传递

js中所有函数的参数传递都是按值传递,也就是说把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样,基本类型值的传递如同基本类型变量的复制一样,而引用类型的值的传递则如同引用类型变量的复制一样.很多开发人员错误的认为在局部作用域中修改对象会在全局作用域中反映出来就说明参数是按引用传递的,其实对象也是按值传递的: function setName(obj){ obj.name="nike"; obj=new Object(); obj.name="bike

Node.js中针对中文的查找和替换无效的解决方法

Node.js中针对中文的查找和替换无效的解决方法. //tags的值: tag,测试,帖子 var pos1 = tags.indexOf("测"); //这里返回-1 tags = tags.replace(/,/g, ","); //这里的全角逗号没有被替换成半角逗号怎么回事那? [解决方法] 在菜单中选择将当前代码文件另存,会发现原来的编码是Chinese Simplified GB2323, 选择UTF8另存一下,再执行就正常了.

JS中函数void()

<a href="javascript:void(0)">hello</a>/* * JS中函数void()的运用大体是这种新式; * void()是运算符,对任何值都返回undefined;和typeof运算符号一样可以 void(0) = void 0; * void function main(){}; 申明此函数返回的是 undefined; 没有 return 的函数默认也是返回 undefined ;所以没有写的必要,也上是为了语义化.? * 所以上

细数JS中实用且强大的操作符&运算符

目录 1,前言 2,代码+应用 2.1,短路运算符 || 2.2,短路运算符 && 2.3,零合并操作符 ?? 2.4,可选链操作符 ?. 2.5,位运算符 & 和 | 2.6,双位运算符 ~~ 2.7,逻辑运算符 ! 1,前言博主收录了一些在实际开发过程中,很实用且方便的JS操作符,熟练掌握的话,不仅代码看上去高大上(实为装逼),而且简洁大方. 2,代码+应用 2.1,短路运算符 || 从左往右 1,只要有一个条件为true时,结果就为true. 2,当两个条件都为false时

JS中数值类型的本质

一.JS中的数值类型众所JS爱好友周知,JS中只有一个总的数值类型--number,它包含了整型.浮点型等数值类型.其中,浮点数的实现思想有点复杂,它把一个数拆成两部分来存储.第一部分是有效位数,也可以称作系数.分数或者尾数:第二部分被称为指数,表示小数点位应该插在系数的哪个位置.在JS中,浮点数由IEEE 754标准非完全实现.一个number包含1个符号位,11位指数为和53位有效位数.IEEE 754基于二进制运作,分为两个部分组成.第一部分包含两个子部分:符号位和有效位数.符号位在最高

在js 中输入文本框的值改变另一个另一个文本框的值

热门专题