js实现点击显示效果[select]

本文来自：http://wbzlh.com/



<form name="modform" id="forms" action="" method="post" onSubmit="return chkForm();">

<tr>

<td >交通：

</td>

<td>

<select name="jiaotong" id="jiaotong" onchange="chg_traffic()">

<option value="0">--请选择--</option>

<option value="1">--飞机--</option>

<option value="1">--火车--</option>

<option value="1">--汽车--</option>

<option value="1">--轮船--</option>

</select> 去

<select name="jiaotongfan" id="jiaotongfan" onchange="chg_traffic()">

<option value="0">--请选择--</option>

<option value="1">--飞机--</option>

<option value="1">--火车--</option>

<option value="1">--汽车--</option>

<option value="1">--轮船--</option>

</select> 回

<input type="text" id="jiaotongtext" name="jiaotongtext" readonly="readonly"/>

</td>

</tr>

</form>

<script language="javascript">

function chg_traffic(){

var tform = document.modform;

var arr_traffic = ['','飞机','火车','汽车','轮船','动车','高铁','其它'];

var traffic1 = arr_traffic[tform.jiaotong.value];

var traffic2 = arr_traffic[tform.jiaotongfan.value];

if (traffic1){

var traffic1_ext = traffic1+'去/'

}

if (traffic2){

var traffic2_ext = traffic2+'回'

}

if (traffic1_ext == undefined){

traffic1_ext = '';

}

if (traffic2_ext == undefined){

traffic2_ext = '';

}

tform.jiaotongtext.value = traffic1_ext + traffic2_ext;

}

chg_traffic();

</script>