请问如何不刷新将左侧的下拉菜单的值，在右侧的文本框中显示？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<body>
<SELECT NAME="SEL" onchange='sel()'>
<option value='a'>a</option>
<option value='b'>b</option>
<option value='c'>c</option>
</SELECT>
<INPUT TYPE="text" NAME="TXTvalue">
</body></HTML>
<script language='javascript'>
function sel() {
TXTvalue.value = SEL.options[SEL.selectedIndex].value;}
</script>