87,996
社区成员
发帖
与我相关
我的任务
分享关于文本框和下拉框的对应问题
html上有一个文本框,一个下拉框,我在文本框中输入一个code数字,enter click,下来框中就会自动显示对应的条目.而且反过来,
在下拉框中选择某个条目,前面的文本框就会自动的显示对应的code.
请问如何实现?
在下拉框中选择某个条目,前面的文本框就会自动的显示对应的code.
请问如何实现?
...全文
请发表友善的回复…
发表回复
lihaitaoami 2002-02-04
- 打赏
- 举报
<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>
<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>
lihaitaoami 2002-02-04
- 打赏
- 举报
select的onchange事件，孟子的方法比较好。
lihaitaoami 2002-02-04
- 打赏
- 举报
下面这段代码可以实现代要的功能。
<html>
<script>
function txtKeypress()
{
if (event.keyCode==13)
sel1.value=txt1.value;
}
function selChange(tmpValue)
{
for (i=0;i<sel1.options.length;i++)
if (sel1.options[i].value==tmpValue)
txt1.value=sel1.options[i].innerText;
}
</script>
<body>
<input type=text name=txt1 onkeypress="txtKeypress()">
<p>
<select name=sel1 size=1 onchange="selChange(sel1.value)">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</body>
</html>
<html>
<script>
function txtKeypress()
{
if (event.keyCode==13)
sel1.value=txt1.value;
}
function selChange(tmpValue)
{
for (i=0;i<sel1.options.length;i++)
if (sel1.options[i].value==tmpValue)
txt1.value=sel1.options[i].innerText;
}
</script>
<body>
<input type=text name=txt1 onkeypress="txtKeypress()">
<p>
<select name=sel1 size=1 onchange="selChange(sel1.value)">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</body>
</html>
孟子E章 2002-02-04
- 打赏
- 举报
输入后单击：<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>
