填充另一个选择框时动态添加选择框答案

【问题标题】：dynamically adding the select box when filling the other select box填充另一个选择框时动态添加选择框
【发布时间】：2012-07-14 04:10:25
【问题描述】：

嗨，我正在制作一个表单，其中包含一个输入文本框来填充其中的爱好，我想要的是，每当我在该输入框中输入值时，我都需要添加另一个空文本框动态地，如果他们在这个新的空框中输入任何值，我可以以相同的方式添加另一个值，另一个空文本框应该在这个底部添加。使用 javascript & php 我怎么能做到这一点？我的选择框代码是

<div class="ma_form"><label style="width:32%;text-align: left;">hobbies:</label>
        <div class="ma_edit"><input type="text" name="c2hobby" id="c2hobby" value="" placeholder="Please enter a hobby" class="snappy aad" /></div></div>

【问题讨论】：

标签： javascript html

【解决方案1】：

我不确定这是否是你想要的，但是......

像这样创建您的选择框：

<select id="hobbies" style="display: none;"></select>

然后将以下 JavaScript 添加到文档的头部：

<script type="text/javascript">
    window.onload = function(){
        document.getElementById("c2hobby").onkeyup = function(){
            document.getElementById("hobbies").style.display = (this.value.length > 0) ? "block" : "none";
        };
    };
</script>

【讨论】：