[英]Add text field if certain drop down is selected
我有一个Web表单,如果在下拉列表中选择了某个选项,则需要在屏幕上显示一个附加字段。 我在网上关注了一些Javascript教程,但到目前为止都没有成功。 这是我已经尝试过的事情之一:
<script type="text/javascript">
function setup(ans) {
lit = ''
if (ans == 'manual') {
lit = 'Manual Selected'
lit = lit + '<tr>'
lit = lit + '<th align="right" class="body-text">Add New Group</th>'
lit = lit + '<td class="body-text"><input type="text" name="groupadd">'
lit = lit + '</td> </tr>'
}
document.getElementById('rep').innerHTML=lit
}
</script>
没用 我还能尝试什么?
我还看到了“ http://stackoverflow.com/questions/7353403/javascript-hide-a-form-input-depending-depending-on-the-value-of-specific-drop-down”,但它不起作用对我来说
谢谢!
这就是我要添加的内容:
<tr>
<th align="right" class="body-text">Add New Group</th>
<td class="body-text"><input type="text" name="groupadd"></td>
</tr>
我不是html专家,但是您可以做的是将tr放入div,并隐藏其可见性,并且当选择某些选项时,在javascript中获取div的ID并设置其可见性=可见...。
那只是一个主意...
假设您想要香草javascript,则需要将元素的可见性设置为在页面加载时隐藏,并在选中该选项时显示它。
基本语法为:
document.getElementById('hideshow').style.visibility = 'hidden';
document.getElementById('hideshow').style.visibility = 'visible';
其中“ hideshow”是要修改的元素的ID。
有关如何执行此操作的示例,请参见http://www.webmasterworld.com/forum91/441.htm 。
尝试这个。
trElement = document.createElement('tr');
thElement = document.createElement('th');
thElement.className = "body-text";
thElement.innerHTML = "Add New Group";
trElement.appendChild(th);
tdElement = document.createElement("td");
tdElement.className = "body-text";
inputElement = document.createElement("input");
inputElement.type = "text";
inputElement.name = "groupadd";
tdElement.appendChild(inputElement);
trElement.appendChild(tdElement);
document.getElementById("new_field_div").appendChild(trElement);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.