Question

我正在处理一个表单，其中包含一个输入文本框以填充其中的爱好，这里我想要的是，每当我输入该输入框中的值时，我需要添加另一个空文本框动态我可以以相同的方式添加另一个值，如果他们在这个新的空框中输入任何值，另一个空文本框应添加在此底部。使用javascript＆amp; 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>

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

1 个答案: