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

dynamically adding the select box when filling the other select box

本文关键字：选择 动态 添加 填充 另一个      更新时间：2023-09-26

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

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

创建这样的选择框：

<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>
相关文章：