javascript - 如何使用jQuery在两个文本框中包含内容的基础上隐藏或显示div？

我在页面上有2个文本框，它们都具有“ OrderEntry”类。

我想要这样，如果这两个文本框中的任何一个都有文本，它将显示ID为“ OrderPanel”的div。如果文本框被清除，后退空格或为空，它将隐藏div“ OrderPanel”。

因此，页面加载完毕，“ OrderPanel”被隐藏，两个“ OrderEntry”文本框均为空。用户在任一文本框中键入一个字符，然后显示“ OrderPanel”。如果“ OrderEntry”文本框的两个均为空，则div被隐藏。

我尝试订阅$（“。OrderEntry”）。keydown（）事件，但它似乎两个都独立应用。这意味着如果一个为空而不是基于两个都不为空，它将仍然显示隐藏？

关于如何在jQuery中执行此操作的任何线索？

最佳答案

我想使用按键，但这只是我的偏爱。

在任何键功能中，选中两个文本框。

$( '.OrderEntry' ).keydown(function(){
    var content = false;
    $( 'OrderEntry' ).each(function(){
        if( $( this ).val() != '' )
            content = true;
    });
    if( content )
        $( 'orderPanel' ).show();
    else
        $( 'orderPanel' ).hide();
});

或类似的东西