javascript - 在下拉菜单中隐藏/显示标签和文本框-6ren

javascript - 在下拉菜单中隐藏/显示标签和文本框

转载作者：太空宇宙更新时间：2023-11-04 11:21:39

25

4

我试图在下拉选择中隐藏/显示标签和文本框。

所以我选择了No，我不想显示任何其他内容

如果选择1，我要显示1个标签和1个文本框如果选择2，我要显示2个标签和2个文本框

我做错了什么？

<!DOCTYPE html>
<html>
<head>
<script>
function checkvalue(val)
{
if(val==="No")
{
   document.getElementById('guest_label').style.display='none';
   document.getElementById('guest_name1').style.display='none'; 
   document.getElementById('guest_label').style.display='none';
   document.getElementById('guest_name2').style.display='none';
}

 else  if(val==="1")
{
   document.getElementById('guest_label').style.display='block';
   document.getElementById('guest_name1').style.display='block';
 }
 else 
 {
   document.getElementById('guest_label').style.display='block';
   document.getElementById('guest_name1').style.display='block';
   document.getElementById('guest_label').style.display='block';
   document.getElementById('guest_name2').style.display='block';
 }
   }
 </script>
 </head>
<body>

 <label for="guest_number">Any Guest: </label>
  <select name="guest" onchange='checkvalue(this.value);'> 



                <option value="No" selected >No</option>
                <option value="1">1</option>
                <option value="2">2</option>
            </select>


 <label for="guest_label" style='display:none'>Other Guest Name: </label>
 <input type="text" name="guest_name" id="guest_name1" style='display:none'/>
<input type="text" name="guest_name" id="guest_name2" style='display:none'/>
</body>
 </html>

谢谢

最佳答案

将第二个label标记改为

<label for="guest_label" style='display:none'>Other Guest Name: </label>

到

<label id="guest_label" style='display:none'>Other Guest Name: </label>

您的 JavaScript 代码将在 document.getElementById('guest_label') .style.display='none'; 处失败，因为它无法找到 ID 为“guest_label”的元素。

document.getElementById('guest_label') 将返回 null，我们不能为 null 值调用 .style。

Check更正后的。

关于javascript - 在下拉菜单中隐藏/显示标签和文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32721674/

25

4

0

文章推荐： python - 用向量 [n,] 填充逻辑矩阵 [r,n]

首页

博学

6Ren·AI

商城

javascript - 在下拉菜单中隐藏/显示标签和文本框

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

javascript - 在下拉菜单中隐藏/显示标签和文本框

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内