一个select对象，我想选择其中一个后，在select对象后面显示一个text输入框！怎么实现？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>SYUE</title>
<style type="text/css">
<!--
.bbs_text2 {
font-size: 12px;
width: 87px;
height: 20px;
padding-left: 3px;
padding-top: 1px;
position: absolute;
top: 30px;
}
.div1 {
position: absolute;
top: 31px;
left: 79px;
width:17px;
height: 18px;
}
.bbs_select {
position:absolute;
top: -1px;
left: -69px;
font-size: 12px;
}
-->
</style>
<script language="JavaScript">
function tcolor(i) {
if (i.title_color1.value=='1') {
i.title_color2.style.cssText='display: block';
i.title_color2.focus();
i.title_color2.value=i.title_color2.value+"";
select_div.style.cssText='overflow: hidden';
}
else {
select_div.style.cssText="overflow: visible";
i.title_color2.style.cssText='display: none';
}
}
</script>
</head>
<body><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><form method="get" name="bbs_add">
<div class="div1" id="select_div"><select class="bbs_select" name="title_color1" onChange="tcolor(this.form)">
<option value="black" selected>选择醒目灯</option>
<option value="#00AEEF">青色醒目灯</option>
<option value="#F0F9FF">淡蓝醒目灯</option>
<option value="1">自定义颜色</option>
</select></div><input name="title_color2" type="text" class="bbs_text2" value="#" maxlength="7"><br/>
</form></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <select onchange="addtext(this.value)">
    <option value=""></option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    </select>
    <input type=text name=text1 style="display:none">
    <script>
    function addtext(str){
    text1.style.display="inline";
    text1.value=str;
    text1.select();
    }
    </script>
      

  2.   

    这个才是真正的添加：
    <body></body>
    <script>
    function creat()
    {
    obj=document.body.appendChild(window.document.createElement("<input name=12 type=text>"));
    }
    </script><select name="select" onChange="creat();">
      <option>1234</option>
      <option>12341234</option>
    </select>