Javascript 在asp.net中，如何基于另一个字段的值动态隐藏一个字段？

我在表单上有4个asp:Textbox字段。为简单起见，ID为A1、A2和B1、B2。 如果填充了As或Bs中的任何一个，我需要隐藏另一个。所以我在A1中输入一些东西，隐藏A2，在B2中输入一些东西，隐藏B1

我想我可以使用javascript OnBlur事件来实现这一点，但不幸的是，它没有做任何事情。我试图让字段显示/消失，而不必回发

任何建议或例子都很好

谢谢，

---

Q

将事件触发器

onKeyDown

添加到四个文本框中（您可以在此处阅读有关按键事件处理程序的内容：），并使用该处理程序隐藏不需要的文本框。或者，如果您只是想禁用而不是隐藏它，这将适用于您：

<asp:TextBox ID="A1" onKeyDown="disableText('A2')" runat="server"></asp:TextBox>

---

将事件触发器

onKeyDown

添加到四个文本框中（您可以在此处阅读有关按键事件处理程序的内容：），并使用该处理程序隐藏不需要的文本框。或者，如果您只是想禁用而不是隐藏它，这将适用于您：

<asp:TextBox ID="A1" onKeyDown="disableText('A2')" runat="server"></asp:TextBox>

使用jquery

$(function(){
    $('#A1').blur(function(){
    if ($('#A1').value() == "")
    {
        $('#A2').fadeIn();
    }
    else
    { 
        $('#A2').fadeOut();
    }
    });
});

不过，如果您使用的是母版页id，则会有所不同

使用jquery

$(function(){
    $('#A1').blur(function(){
    if ($('#A1').value() == "")
    {
        $('#A2').fadeIn();
    }
    else
    { 
        $('#A2').fadeOut();
    }
    });
});

---

不过，如果您使用的是母版页id，则会有所不同

小菜一碟，没有jQuery:p

<script>
    function txtChange(x1, x2){
        x1=document.getElementById(x1);
        x2=document.getElementById(x2);
        x2.style['display'] = (x1.value.length>0) ? 'none' : '';
    }
</script>

---

小菜一碟，没有jQuery:p

<script>
    function txtChange(x1, x2){
        x1=document.getElementById(x1);
        x2=document.getElementById(x2);
        x2.style['display'] = (x1.value.length>0) ? 'none' : '';
    }
</script>

---

任何演示问题的代码示例都会很好。是的，对不起，今天没有工作，所以我无法访问我的代码。。。也许我应该明天写这篇文章。任何演示问题的代码示例都会很好。是的，对不起，今天没有工作，所以我无法访问我的代码。。。也许他应该明天写这篇文章。为什么他需要AJAX？他想做的就是站在客户一边。这是纯javascript。查看代码并从逻辑上考虑，这将禁用它，但假设他们想要删除所有文本，然后使用A2而不是A1，您需要在函数中添加一个复选框，查看文本框是否为空，然后取消隐藏所有“a”文本框。他为什么需要AJAX？他想做的就是站在客户一边。这是纯javascript。查看代码并从逻辑上考虑，这将禁用它，但假设他们想要删除所有文本，然后使用A2而不是A1，您需要在函数中添加一个复选框，查看文本框是否为空，然后取消隐藏所有“a”文本框。lol@jQuery，似乎没有人想再写香草JS了：）使用过jquery或类似框架的人都不想使用香草JS，相比之下，它糟透了。lol@jquery，似乎没有人想再写香草JS了：）使用过jquery或类似框架的人都不想使用香草JS，相比之下，它糟透了。