input文本框交换事件

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