input文本框交换事件

原创 2016年08月31日 16:07:48

做前端的demo做到文本框交换的事件,车站查询,类似于携程旅游的网站上,只是目前还没有完全解决,只是实现了简单的点击事件触发文本框的互相交换事件,很简单。代码如下:

    

<div class="about_top">
	当前位置: 对外交通>航班动态信息查询
</div>
<!-- about_form -->
<div class="about_form">
	<form action="">
		<span>航线查询: </span>
		<input type="text" class="input_text" value="盐城" id="text1" />
		<a href="javascript:;" class="change"><em><!-- 方向图标 --></em></a>
		<input type="text" class="input_text" value="南京" id="text2"  style="margin-left: 45px;"/>
		<span>查询日期: </span><input type="text"  class="textymdhms1"/>
		<div class="rili"></div>
		<input type="button" class="about_but" value="查询" id="" />
	</form>
</div>

javascript代码:

<script>
var num1 = document.getElementById("text1").value;
var num2 = document.getElementById("text2").value;
var i = 1;
$(function(){
	$(".change").click(function(){
		if(i == 1){
		document.getElementById("text1").value = num2;
		document.getElementById("text2").value = num1;
		i = 2;
		}else if(i == 2){
			document.getElementById("text1").value = num1;
			document.getElementById("text2").value = num2;
			i = 1;
		}
		
	})
});
</script>	






版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery文本框的focus和blur事件

jquery文本框的focus和blur事件  focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件 代码...
  • guangxiaove
  • guangxiaove
  • 2015年02月02日 10:43
  • 5484

input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件

文本框内容改变是触发事件 jsp: input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件 方法一: $(".curr...
  • u013147600
  • u013147600
  • 2015年08月14日 15:52
  • 13128

事件文本框键盘事件keydown,keypress,keyup区别

文章结束给大家来个程序员笑话:[M]     按下键盘时会触发键盘事件,次序为keydown -> keypress ->keyup。     1、keydown、keypress事件触发在文字还...
  • javawebsoa
  • javawebsoa
  • 2013年05月12日 19:11
  • 3281

jquery 失去焦点事件 (text文本框有焦点事件)

点击鼠标 后, 下拉框收缩 (此下拉框由上边text文本框  和select 、增加商品分类 组成,不是纯select代码 的下拉框) $(document).ready(function(...
  • A9925
  • A9925
  • 2015年08月28日 18:36
  • 5923

onBlur事件与onfocus事件(js) (光标到达和离开是触发事件)

onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html 使用onBlur事件处理程序 ...
  • junshuaizhang
  • junshuaizhang
  • 2012年05月11日 12:41
  • 143266

input文本框获取焦点和失去焦点判断

onBlur:当输入框失去焦点后  onFocus:当输入框获得焦点后 这两个JavaScript事件是写在html标签中的例如: 使用jQuery的实现方法为:     对于元素的焦...
  • itdragons
  • itdragons
  • 2017年05月15日 17:20
  • 7373

文本框点击事件

function displayStyle(id){ var _value = document.getElementById(id).value; var fontArray = new Arr...
  • u010163458
  • u010163458
  • 2015年08月07日 11:12
  • 361

文本框在鼠标离开时触发JS方法

function validate() { var name = document.getElementById("txtName"); if (n...
  • pengshumin89
  • pengshumin89
  • 2012年07月31日 12:21
  • 12162

有关input输入框内容改变后的触发事件

有关input输入框内容改变后的触发事件,也是今天遇到的问题。我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应。百度了半天,最后才发现问题所在。我...
  • yyc13579
  • yyc13579
  • 2017年08月02日 22:05
  • 3173

jquery实时监听输入框值变化

在做web开发时候很多时候都需要即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。...
  • oTengYue
  • oTengYue
  • 2016年02月21日 15:13
  • 12188
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input文本框交换事件
举报原因:
原因补充:

(最多只允许输入30个字)