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>