如何隐藏和显示标签控件JavaScript？_Javascript_Asp Classic

如何隐藏和显示标签控件JavaScript？

javascript asp-classic

如何隐藏和显示标签控件JavaScript？,javascript,asp-classic,Javascript,Asp Classic,我有一个项目中，我必须设置网上购物送货地址。对于支付，支付选项是各种信用卡，例如：paypal、visa等。因此，支付选项是一个下拉菜单我有两个标签，即信用卡号和ccv。这些应该在一开始就隐藏起来。一旦从下拉列表中选择了付款选项，这两个标签就会出现 $document.readyfunction{ $'.nav切换'.单击函数{ //获取折叠内容选择器 var collapse_content_selector=$this.attr'href'； //使折叠内容显示或隐藏 var toggl

我有一个项目中，我必须设置网上购物送货地址。对于支付，支付选项是各种信用卡，例如：paypal、visa等。因此，支付选项是一个下拉菜单

我有两个标签，即信用卡号和ccv。这些应该在一开始就隐藏起来。一旦从下拉列表中选择了付款选项，这两个标签就会出现

$document.readyfunction{ $'.nav切换'.单击函数{ //获取折叠内容选择器 var collapse_content_selector=$this.attr'href'； //使折叠内容显示或隐藏 var toggle_switch=$this； $collapse\u content\u selector.togglefunction{ 如果$this.css'display'='none'{ //将按钮标签更改为“显示” toggle_switch.html'Show'； }否则{ //将按钮标签更改为“隐藏” toggle_switch.html'Hide'； } }; }; }; .圆边{ 边框：1px实心eee；边框：1px实心rgba0,0,0,0.05； -webkit边界半径：4px； -moz边界半径：4px；边界半径：4px；填充：10px；边缘底部：5px； } 信用卡支付选择权贝宝签证万事达卡发现美国运通支付宝卡号： ccv：

此代码满足您的要求

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
label {
  display:none;
}
</style>
<script> 
function display() {
  ccn.style.display='inherit';
  ccv.style.display='inherit';
}
</script>
</head>
<body>
<form>
<select onchange='display();'>
  <option selected>Please select...</option>
  <option>Visa</option>
  <option>MasterCard</option>
  <option>Paypal</option>
</select>
<label id='ccn'>Credit Card Number</label>
<label id='ccv'>Credit Card Validation</label>
</form>
</body>
</html>

标签{ 显示：无； } 请选择。。。签证万事达卡贝宝信用卡号码信用卡验证

只需在onChange=displayFields；下拉列表中添加一个事件侦听器；。（可选）在displayFields函数中，您可以检查并确保在显示字段之前实际选择了一个选项。显然，这些字段最初是用css display:none隐藏的。感谢@atomcode尽快回复。因为我对javascript和asp不熟悉，所以我可以查看任何示例或链接。谢谢，我建议您了解更多有关onChange活动的信息。同时看看css显示，这不是一个好的提问方式。到目前为止，你有没有尝试过解决你的问题？首先展示你的努力，这样人们可能会展示他们的努力。这就像，你要求人们为你编写代码。隐藏和显示内容是非常常见和容易的事情。您应该尝试一些东西并与他人分享，以便他人帮助您查找代码中的错误。您打算解释代码吗？也看不到最好的例子如果他们选择了会发生什么请选择。。。再一次更好的方法是创建一个切换函数或利用jQuery框架来完成它。代码还包含了一些不好的做法，例如将标记放在主体之外，我建议您将它们放在标记之前。请参阅代码片段框架源代码，以避免HTML验证问题。请参见，虽然编辑效果更好，但无需将其移动到中，除非您要使用“延迟”，否则只需将其移动到主体的末端，但在主体之前。将其放置在中很好，但不使用“延迟”可能会影响性能。看见运行代码段，然后查看框架源代码，看看代码段是如何生成的，以获得更好的想法。我不知道这有什么区别-HTML5、CSS3和JavaScript不是都是异步的吗，所以它加载HTML、应用CSS、执行脚本？