输入后单击：<input id=mxh1 onclick="document.all.mxh2.options[0].text=this.value;">
<select id=mxh2 onchange="document.all.mxh1.value=this.options[this.selectedIndex].text">
<option>test</option>
<option>测试</option>
</select>
<select id=mxh2 onchange="document.all.mxh1.value=this.options[this.selectedIndex].text">
<option>test</option>
<option>测试</option>
</select>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<style>
#sub1, #sub2, #sub3
{ position: absolute;
left: 480px;
visibility: hidden;
z-index: 3
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
catnumber = 3
offset = 150
performOnchange = false
if (document.all) {
docObj = "document.all."
styleObj = ".style"
} else {
docObj = "document."
styleObj = ""
}
function openselect(subcat) {
popupselect = eval(docObj + subcat + styleObj)
popupselect.visibility = "visible"
}
function closeselect(submenu,subcat){
popupselect = eval(docObj + subcat + styleObj)
if (submenu.selectedIndex != 0) {
popupselect.visibility = "hidden"
numchoice = submenu.selectedIndex
choice = submenu[numchoice].value
subcategory.value = choice
submenu.selectedIndex = 0
}
}
function lock() {
performOnchange = false
}
function unlock() {
performOnchange = true
}
function selectSub(cat) {
for (i=1; i <= catnumber; i++) {
subcat = "sub" + i
popupselect = eval(docObj + subcat + styleObj)
popupselect.visibility = "hidden"
}
if (performOnchange == true) {
letsopen = "sub" + cat.selectedIndex
if (letsopen == "sub0") {
alert("No category selected")
choice = "- subcategory -"
subcategory.value = choice
cat.focus()
} else {
openselect(letsopen)
lock()
}
}
}
// End -->
</script>
</head><body>
<div align="center">
<span id="sub1">
<select name="subannounce" onchange="closeselect(this,'sub1')">
<option selected value="">- subcategory -
<option value="cars">cars
<option value="houses">houses
<option value="guitars">guitars
</select>
</span>
<span id="sub2">
<select name="subarts" onchange="closeselect(this,'sub2')">
<option selected value="">- subcategory -
<option value="music">music
<option value="lyrics">lyrics
<option value="painting">painting
</select>
</span>
<span id="sub3">
<select name="subsoftware" onchange="closeselect(this,'sub3')">
<option selected value="">- subcategory -
<option value="php">php
<option value="java">java
<option value="asp">asp
<option value="mysql">mysql
</select>
</span>
<select name="categoria" onmouseover="unlock()" onchange="selectSub(this)">
<option selected value="">-- choose category --
<option value="announce">Announce
<option value="arts">Arts
<option value="software">Software
</select><br>
<input type="text" name="subcategory" readonly="readonly" value="- subcategory -">
</div>
</body></html>
for(var nLoop = 0;nLoop < myName.options.length;nLoop++)
{
if(myName.options[nLoop].value == value)
{
myName.options[nLoop].selected = true;
break;
}
}">
<select name="myName" onChange="
myCode.value = options[selectedIndex].value;
">
<option> </option>
<option value="code1">name1</option>
<option value="code2">name2</option>
</select>
<html>
<script>
function txtKeypress()
{
if (event.keyCode==13)
sel1.value=txt1.value;
}</script>
<body>
<input type=text name=txt1 onkeypress="txtKeypress()">
<p>
<select name=sel1 size=1 onchange="txt1.value=sel1.options[selectedIndex].value">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select></body>
</html>