基于jQuery中的输入值更改函数

我试图实现的是，当输入值为0或不存在时，警报应该能够显示。当输入值不是0时，即使选择了其他选项，它也应保持隐藏状态

它应该是这样工作的：

1） 选择一个选项

2） 警报出现

3） 填充输入（非0）

4） 警觉消失

5） 除非将输入值更改为0或删除，否则它不会出现，即使再次更改选项也是如此

jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）.change（函数（）{
jQuery（'#alert'）.toggle（this.value！=''）；
});
#警报{
显示：块；
显示：无；
}

1.
2.
3.
jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）.change（函数（）{
如果（this.value==0 | | this.value===''）{
jQuery（“#警报”）.toggle（）；
}
});
jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）.change（函数（）{
如果（this.value==0 | | this.value===''）{
jQuery（“#警报”）.toggle（）；
}
});
因此您有两个事件：


选择更改事件：应显示警报
输入更改事件：无论输入是否为空/0，都应显示/消失警报

以下是我的解决方案：


jQuery（'#myDiv'）。在（'alert'）之后；
jQuery（'#mySelect'）.change（函数（）{jQuery（'#alert'）.toggle（true）；}）；
jQuery（'#myInput'）.change（function（）{
jQuery（'#alert'）.toggle（this.value==0 | | this.value==''）；
});

1.
2.
3.
因此您有两个事件：


选择更改事件：应显示警报
输入更改事件：无论输入是否为空/0，都应显示/消失警报

以下是我的解决方案：


jQuery（'#myDiv'）。在（'alert'）之后；
jQuery（'#mySelect'）.change（函数（）{jQuery（'#alert'）.toggle（true）；}）；
jQuery（'#myInput'）.change（function（）{
jQuery（'#alert'）.toggle（this.value==0 | | this.value==''）；
});

1.
2.
3.
试试这个：


jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）.change（函数（）{
var input_val=jQuery（'#some_input'）.val（）；
变量show_alert=（input_val==0 | | input_val==“”）；
显示隐藏警报（显示警报）；
});
jQuery（“#某些输入”）.change（function（）{
var val=$（this.val（）；
var show_alert=（val==0 | | val==“”）；
显示隐藏警报（显示警报）；
});
功能显示\隐藏\警报（显示）{
如果（显示）{
jQuery（'#alert'）.show（）；
}否则{
jQuery（'#alert'）.hide（）；
}
}
#警报{
显示：块；
显示：无；
}

1.
2.
3.
试试这个：


jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）.change（函数（）{
var input_val=jQuery（'#some_input'）.val（）；
变量show_alert=（input_val==0 | | input_val==“”）；
显示隐藏警报（显示警报）；
});
jQuery（“#某些输入”）.change（function（）{
var val=$（this.val（）；
var show_alert=（val==0 | | val==“”）；
显示隐藏警报（显示警报）；
});
功能显示\隐藏\警报（显示）{
如果（显示）{
jQuery（'#alert'）.show（）；
}否则{
jQuery（'#alert'）.hide（）；
}
}
#警报{
显示：块；
显示：无；
}

1.
2.
3.
希望这有帮助

最初，
警报
将被隐藏
选择任何选项时，
将显示警报

输入任何文本时，除0和
空白，则即使选择选项为空，
警报也会隐藏
变了
当输入值为0或为空时，
警报将被激活
显示


$（文档）.ready（函数（）{
jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）。更改（函数（）{
var inputVal=$.trim（$（'input'）.val（））；
jQuery（'#alert'）.toggle（this.text！=''&&（inputVal==''| | inputVal==“0”）；
});
jQuery（'input'）.focusout（函数（）{
var inputVal=$.trim（$（this.val（））；
jQuery（“#警报”）.toggle（（inputVal==“0”）；
})
});

1.
2.
3.
希望这有帮助

最初，
警报
将被隐藏
选择任何选项时，
将显示警报

输入任何文本时，除0和
空白，则即使选择选项为空，
警报也会隐藏
变了
当输入值为0或为空时，
警报将被激活
显示


$（文档）.ready（函数（）{
jQuery（'#mydiv'）。在（'alert'）之后；
jQuery（'select'）。更改（函数（）{
var inputVal=$.trim（$（'input'）.val（））；
jQuery（'#alert'）.toggle（this.text！=''&&（inputVal==''| | inputVal==“0”）；
});
jQuery（'input'）.focusout（函数（）{
var inputVal=$.trim（$（this.val（））；
jQuery（“#警报”）.toggle（（inputVal==“0”）；
})
});

1.
2.
3.
如果值为正值，则不会隐藏警报。请评论您的解决方案-每当选择空值或0值时，此选项将显示和隐藏此警报如果值为正值，则不会隐藏此警报。请评论您的解决方案-每当选择空值或0值时，此选项将显示和隐藏此选项不起任何作用是，我不小心输入了一个1个字符的错误（因为我试图进行连续编辑）。真的值得投反对票，谢谢……这没什么。是的，我不小心打了一个1个字符的错别字（当我试图继续编辑时）。真的值得投反对票，谢谢。。。
jQuery('#mydiv').after('<span id="alert">alert</span>');
jQuery('select').change(function() {
    if(this.value == 0 || this.value == ''){
        jQuery('#alert').toggle();
    }
});