<script language="JavaScript">
function hiddenText(){
textfield.style.display="none"
}
function setValue(){
textfield.value=select1.value;
textfield.style.display=""
}
</script>
<input type="text" name="textfield" onClick="hiddenText()">
<select name="select1" onChange="setValue()">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
function hiddenText(){
textfield.style.display="none"
}
function setValue(){
textfield.value=select1.value;
textfield.style.display=""
}
</script>
<input type="text" name="textfield" onClick="hiddenText()">
<select name="select1" onChange="setValue()">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
<div id=d1><input name=t1 onClick="this.style.visibility='hidden';document.all.s1.style.visibility='';"><select name=s1 style="VISIBILITY: hidden" onChange="this.style.visibility='hidden';document.all.t1.style.visibility='';document.all.t1.value=this.value;"> <option value=1>1</option><option value=2>2</option></select></div>
function hiddenText(){
textfield.style.display="none";
select1.style.display=""
}
function setValue(){
textfield.value=select1.value;
textfield.style.display=""
select1.style.display="none"
}
</script>
<input type="text" name="textfield" onClick="hiddenText()">
<select name="select1" onChange="setValue()" style="display:none">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>