下拉列表与输入框

两个下来列表一个输入框
  一个下拉列表的值为1 2 3   另一个是a b c
当我选择a的时候     a会在输入框中显示  当我接着选择b的时候
在a和b 之间会添加第一个下拉列表所选的值      谢谢了  着急用

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function a(){
if(document.getElementById('a').selected)
document.all.textfield2.value=document.getElementById('a').innerText;
else
document.all.textfield2.value='';
if(document.getElementById('b').selected){
var opts=document.all.select.options;
for(i=0;i<opts.length;i++){
if(opts[i].selected)
document.all.textfield.value=opts[i].innerText;
}
}
else
document.all.textfield.value='';
}
</script>
</head><body>
<select name="select">
  <option selected="selected">1</option>
  <option>2</option>
  <option>3</option>
</select>
<input name="textfield" type="text" size="5" style="border:0" readOnly/>
<select name="select2" onchange="a()">
  <option id="a">a</option>
  <option id="b">b</option>
  <option selected="selected">c</option>
</select>
<input name="textfield2" type="text" size="10" />
</body>
</html>
当我接着选择b的时候
在a和b 之间会添加第一个下拉列表所选的值
---------------------------------------------
问题是选择b之后,a的选项再发生改变需不需要更新中间显示的值?
如果需要更新,则是下面的代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function a(){
if(document.getElementById('a').selected)
document.all.textfield2.value=document.getElementById('a').innerText;
else
document.all.textfield2.value='';
if(document.getElementById('b').selected){
var opts=document.all.select.options;
for(i=0;i<opts.length;i++){
if(opts[i].selected)
document.all.textfield.value=opts[i].innerText;
}
}
else
document.all.textfield.value='';
}function b(){
if(document.getElementById('b').selected){
var opts=document.all.select.options;
for(i=0;i<opts.length;i++){
if(opts[i].selected)
document.all.textfield.value=opts[i].innerText;
}
}
}
</script>
</head><body>
<select name="select" onchange="b()">
  <option selected="selected">1</option>
  <option>2</option>
  <option>3</option>
</select>
<input name="textfield" type="text" size="5" style="border:0" readOnly/>
<select name="select2" onchange="a()">
  <option id="a">a</option>
  <option id="b">b</option>
  <option selected="selected">c</option>
</select>
<input name="textfield2" type="text" size="10" />
</body>
</html>
我的意思是当我选完a  当我接着选择b 的时候他们是追加的关系
而1 2 3 会加到a和 b的中间   同样c也是追加关系     谢谢
就是当我选择了a  a在输入框内  当我选择 b时   a和b同时在输入框内
两个下来列表一个输入框
  一个下拉列表的值为1 2 3   另一个是a b c
当我选择a的时候     a会在输入框中显示  当我接着选择b的时候
在a和b 之间会添加第一个下拉列表所选的值      谢谢了  着急用
----------------------------------------------------------------
一个下拉列表有什么用?
在a和b 之间是什么意思?