如何实现多个输入框同步

问题描述

向114啦聚合搜素框,打开代码可以发现有多个<input type="text" name="q" class="int" autocomplete="off" rel="kw"/> 他们的name属性都相同,请问这是怎么实现的,昨天研究了一天也没研究出个所以然来。 问题补充:<div class="quote_title">xuan198451 写道</div><div class="quote_div">&lt;form id="abc"&gt;<br />&lt;input type="text" name="phoneNumbers" /&gt;&lt;br /&gt;<br />&lt;input type="text" name="phoneNumbers" /&gt;&lt;br /&gt;<br />&lt;input type="text" name="phoneNumbers" /&gt;&lt;br /&gt;<br />&lt;input type="text" name="phoneNumbers" /&gt;&lt;br /&gt;<br />&lt;/form&gt;<br /><br /><br />$("#abc :text").bind("keyup", function() {<br />$("#abc :text").val($(this).val());<br />});</div><br />显示错误

解决方案

<form id="abc"> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> </form> $("#abc :text").bind("keyup", function() { $("#abc :text").val($(this).val()); });
解决方案二:
jQuery我喜欢!不知道你要实现什么功能!下面实现的是:在任意一个输入框输入,其他几个输入框就显示相同输入!<html><head><script type="text/javascript" src="js/jquery-1.4.js"></script><script type="text/javascript">$(document).ready(function(){ $(":text").bind("keyup", function() { $(":text").val($(this).val()); });});</script></head> <body> <form id="abc"> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> <input type="text" name="phoneNumbers" /><br /> </form> </body></html>
解决方案三:
用js方法document.getElmentsByName("输入框名称")可以得到所有相同名称的输入框,返回值是一个数组。
解决方案四:
<form id="abc"><input type="text" name="phoneNumbers" /><br /><input type="text" name="phoneNumbers" /><br /><input type="text" name="phoneNumbers" /><br /><input type="text" name="phoneNumbers" /><br /></form>$("#abc :text").bind("keyup", function() {$("#abc :text").val($(this).val());});

时间: 2024-05-07 01:33:11

如何实现多个输入框同步的相关文章

认识延迟时间为0的setTimeout_javascript技巧

让我们看看我之前的文章:JavaScript的9个陷阱及评点,在第 9 点 Focus Pocus 中提到的问题.原作者对这个认识有所偏差,其实不只是 IE 的问题,而是现有 JavaScript 引擎对于线程实现的问题(关于线程,我的概念其实不多,如果不对,希望读者多多指教).. 我们来看 1 和 2.如果你能看看源代码,会发现我们的任务很简单,就是给文档增加一个 input 文本框,并聚焦和选中.请现在分别点击一下,可以看到,1 并没有能够聚焦和选中,而 2 可以.它们之间的区别在于,在执行

jquery滑动块插件推荐:noUiSlider和slideControl使用例子

滑动块在表现进度,人性化选择范围的场景下,非常合适.今天就给大家推荐2款简洁而不简单的jquery滑动块插件:noUiSlider和slideControl. 1.noUiSlider 一个轻量级的,高度可定制的范围滑块noUiSlider.支持谷歌Chrome,火狐,歌剧,Safari浏览器和Internet Explorer7至10.它也支持触摸功能的设备,如iPhone,iPad和Windows8和Android的设备. 使用方法很简单: 配置html: <div id="color

订单-ecshop首页商品下加个数量输入框, 数值如何同步到购物车数量里?

问题描述 ecshop首页商品下加个数量输入框, 数值如何同步到购物车数量里? 在首页每个商品下面加了一个输入框订购数量, 如何在输入数量后点击购买后,数量同步到购物车里?

jquery实时同步输入框内容(自动补全内容)

在文本框输入内容后,其他文本框同步更新内容,如: 输入内容后, 后面的文本框随前面的文本框变动而变动,自动补全内容. jquery效果实现代码如下:  代码如下 复制代码 $("#soft").keyup(function(){  description = $("#description").val();  softname  = $(this).val();  softname0 = $("#description").attr('softn

flash声音与歌词同步的三种方法

  方法一 ·导入一个声音文件,建立一个声音层,在声音层的第一帧处打开声音面板,选择需要使用的声音文件,设置声音同步属性为数据流,循环次数为0 ·估计声音层所用的帧数,帧数=播放时间*帧频.大家再看右图的最下面,其中"16.8 s"表示这段音乐的播放时间为16.8秒.如果你的帧频为12fps,那么总帧数应该为200帧左右. ·在适当位置按F5插入一个空白关键帧.拖动声音层的最后一帧(相对的)直到有空白帧出现,单击选择声音的最后一帧,再向右拖动鼠标选择所有的空白帧,然后单击右键,点击清除

JS代码同步文本框内容的实例方法

这篇文章介绍了JS代码同步文本框内容的方法,有需要的朋友可以参考一下   HTML代码: 复制代码 代码如下: <html>    <head>      <script>       //同步函数       function synchronize(){         document.getElementById('i1').value =document.getElementById('i2').value;         //alert("同步成

JAVA网络编程服务器多线程接受套接字,如何能使服务器的静态常量,与客户端的数据进行同步?

问题描述 JAVA网络编程服务器多线程接受套接字,如何能使服务器的静态常量,与客户端的数据进行同步? 服务器Server客户端CLientServer静态常量num创建服务器,ServerSocket的端口号为8000,连接套接字.每创建一个客户端,客户端就创建一个Socket,端口号为8000,与服务器进行连接,与此同时,客户端新建ServerSocket,端口号为3000+Server.num,连接套接字.服务器与客户端连接后,服务器新建子线程Handler.子线程Handler,新建Ser

编码-在查询输入框中输入中文,查询完之后就乱码了

问题描述 在查询输入框中输入中文,查询完之后就乱码了 求解答 ,编码模式都该为了UTF-8了 可是还是乱码,查询的时候输入中文,点击查询就会乱码,求解答 解决方案 web开发中遇到这种问题要注意jsp的编码 tomcat等容器的编码 后台编码 解决方案二: 前端提交到后台时,两次encodeURI,encodeURI(encodeURI(xxx)),后台解码时用utf8解码 解决方案三: 如果是post方式提交的查询,后台需要设置 request.setCharacterEncoding("ut

在线同步词库 谷歌拼音输入法试用

谷歌拼音输入法是谷歌官方推出适用于 Android平台的拼音输入法,支持简体中文输入.在线同步词库,支持包括表情符号.联想词组等功能,使用十分的方便.评测环境安装和使用Android平台输入法的安装与普通软件一样,可以通过PC端同步软件,或直接在电子市场中进行下载安装.想要使用谷歌拼音输入法的话,首先打开 系统设置-语言和键盘,勾选谷歌拼音输入法.之后在任意输入框内长按输入框,会弹出输入法选择窗口,选择谷歌拼音输入法即可.安装和使用(TechWeb配图)QWETY全键盘输入模式谷歌拼音输入法采用