Javascript 如何将输入框附加到同一页面

我有一个选择菜单，如果用户选择了

Other

，下面会弹出另一个菜单输入字段，允许他们进行澄清。不过，我在下面尝试了这一点，

document.write

会再写一页。如何将其附加到当前页面

函数otherFunc（）{
var selectBox=document.getElementById（“selectBox”）；
var selectedValue=selectBox.options[selectBox.selectedIndex].value；
console.log（selectedValue）
如果（selectedValue==“其他”）{
文件。填写（‘请澄清是否为‘其他’）
}
}

选择
儿子
女儿
其他亲属
其他

我在您的console.log语句后添加了一个分号，它似乎起作用了

函数otherFunc（）{
var selectBox=document.getElementById（“selectBox”）；
var selectedValue=selectBox.options[selectBox.selectedIndex].value；
如果（selectedValue==“其他”）{
document.body.innerHTML+='请澄清是否为“其他”'；
}
}

选择
儿子
女儿
其他亲属
其他

试试这个：

const div = document.createElement('div')
div.setAttribute('class', 'group');
div.append('<div class="col-25"><label>Please clarify if "Other"</label></div><div class="col-75"><input type="text" name="other" required></div><span class="highlight"></span><span class="bar"></span>');
document.getElementsByTagName('body').append(div);

const div=document.createElement（'div'）
div.setAttribute（'class'，'group'）；
div.append（'请说明是否为“其他”）；
document.getElementsByTagName（'body'）.append（div）；

在选择下面做一个空白div。然后使用innerhtml，如图所示

函数otherFunc（）{
var selectBox=document.getElementById（“selectBox”）；
var selectedValue=selectBox.options[selectBox.selectedIndex].value；
console.log（selectedValue）
如果（selectedValue==“其他”）{
document.getElementById（“其他”）.innerHTML='请澄清是否为“其他”'
}
}

选择
儿子
女儿
其他亲属
其他

@Spectric我的错，错过了那一点。修改了答案。您还可以从一开始就将该输入包含在标记中，并使用CSS显示或隐藏它。您可以使用javascript向元素添加或删除样式类。这是最有效的！它不需要任何额外的工作。我感谢你的帮助！