关闭

input文本框交换事件

标签: jsinput文本框交换事件前端jsp
101人阅读 评论(0) 收藏 举报
分类:

做前端的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>	






0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8430次
    • 积分:231
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:0篇
    • 译文:0篇
    • 评论:37条
    文章存档
    最新评论