动态添加选择框时填充其他选择框

Question

嗨我工作的表单，它包含一个输入文本框来填补业余爱好，在这里，我想要的是，只要我输入值该输入框我需要动态地添加另一个空的文本框，我可以添加另一个值，如果他们在这个新的空框中输入任何值，另一个空的文本框应添加在这个底部。使用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> 

Answer 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>