下拉列表框（js）

我在下拉列表框里加入了一个：添加。当我在点击添加这个值的时候，我想让再这个下拉列表的下面添加一个文本框。哪位可以帮忙看一下。。谢谢

11 个解决方案

#1

来源:http://www.zyhowe.com/index/topicDetail.aspx?type=200100&topicid=215

可编辑下拉框

<div align=center>
<table border=1><tr><td>sd fssd</td><td>d fd</td></tr>
<tr><Td>&sdg</td><td valign=top width="150" height="30">
<select name="select" style="position:absolute; width: 120px; height: 22px; clip:rect(0 120 22 100)"  id="select" onchange="clientUser.value=select.options[select.selectedIndex].text;clientUser.select()">
                    <option value="1" selected>aaaaaa</option>
   <option value="2">bbbbb</option>
</SELECT>
<input type="text" style="position:absolute; width: 100px; height: 18px" name="clientUser" value="TEST" onfocus="this.select();">
</tD></tr>
</table>

#2

不是不是。我想要的是：当点击下拉列表框里面的“添加”这个值的时候，在这个页面上就再出现一个文本框（input）

#3

js代码：

<script type="text/javascript">
    function addTest(){
    alert("aa");
    document.getElementById("add").innerHTML="<input type='text'>";
    }
</script>
===========================================================================
   <select onchange="addTest()">
   <option>添加</option>
   </select><br>
<span id="add"></span>

这样的效果。。。。。。。

#4

不是不是。。。不好意思，是我没有表达清楚。再看。
<select onchange="addTest()">
<option>添加 </option>
</select>
这个是一个下拉列表。。当我再页面上点击添加的时候，在页面上就会出现一个<input type=text name=wenben />
这样的效果，大家帮忙看一下?

#5

不好意思，我刚刚理解错了，就是3楼的那个效果，但是为什么<input type="text">出不来呢？？哪位看一下。。谢谢

#6

#7

很好呀，兄弟，加油，就差一点了。我要的不是添加按钮，而是下拉列表里面的添加，跟你在3楼写的那个一样，是下拉列表。不过，你3楼写的那个东西，我点击添加，后面不出来那个文本框，怎么回事？

#8

可以用W3C的API，当选择 addTest()方法里会里创建一个input，然后append到一个容器对象中：比如放到一个<p></p>中

#9

引用 8 楼 gaobaiy 的回复:

可以用W3C的API，当选择 addTest()方法里会里创建一个input，然后append到一个容器对象中：比如放到一个 <p> </p>中

不明白

#10

多添加几个<option>就可以了，因为是onchange事件，
由于我只有一个<option>所以就没有调用js中的方法

#11

引用 10 楼 qiheia 的回复:

多添加几个 <option>就可以了，因为是onchange事件，
由于我只有一个 <option>所以就没有调用js中的方法

谢谢，搞定了

#1

#2