问题描述
|
我有这样的代码:
$(\'#messageList\').change(function() {
var id = $(\"#messageList option:selected\").val();
if(id <= 0) {
$(\'#updatemessage\').hide();
$(\'#addmessage\').show();
} else {
$(\'#updatemessage\').show();
$(\'#addmessage\').hide();
}
});
我可以使用其他方法来简化代码,例如在JQuery中切换类似函数吗?
解决方法
我会采用一些更通用的方法:
http://jsfiddle.net/peeter/DnP8s/
,
$(\'#messageList\').change(function() {
var doAdd = $(this).find(\"option:selected\").val() <= 0;
$(\'#updatemessage\').toggle(!doAdd);
$(\'#addmessage\').toggle(doAdd);
});
,// cache variables
var updatemessage = $(\'#updatemessage\');
var addmessage= $(\'#addmessage\');
var list = $(\'#messageList\');
// toggle messages
list.change(function() {
var id = list.find(\"option:selected\").val();
updatemessage.toggle(id > 0);
addmessage.toggle(id <= 0);
});