我有这个非常简单的 jquery 代码,或者我是这么想的,但它的功能不像预期的那样
我想要的是,如果从下拉列表中选择值 = '海报',隐藏所有字段集,然后显示我选择的那些。如果从下拉列表中选择的值 = 'Logo',则隐藏所有字段集,然后显示我选择的那些,依此类推。我知道很简单,但字段集并不总是像它们应该隐藏的那样隐藏。
例如,如果我从下方选择“ Logo ”,则只应显示一个字段集,这可行,然后如果我选择“ booklet ”,则应显示多个字段集并且这可行,但是如果我返回并再次选择徽标,所有字段集都保留下来,而不是全部隐藏,然后显示在项目类型“徽标”所需的字段集上。
谁能看到我做错了什么? 注意:更改项目类型下拉字段时,会调用 projectTypeChange()
function projectTypeChange()
{
$(document).ready(function() {
$('fieldset#section-960', 'fieldset#section-961', 'fieldset#section-962', 'fieldset#section-964', 'fieldset#section-967').hide();
var dropVal = $('select#6211').val();
if(dropVal == "Poster")
{
$('fieldset#section-960', 'fieldset#section-961', 'fieldset#section-962', 'fieldset#section-964', 'fieldset#section-967').hide();
$('fieldset#section-960').show();
$('fieldset#section-961').show();
$('fieldset#section-967').show();
$('fieldset#section-962').show();
}
if(dropVal == "Booklet")
{
$('fieldset#section-960', 'fieldset#section-961', 'fieldset#section-962', 'fieldset#section-964', 'fieldset#section-967').hide();
$('fieldset#section-960').show();
$('fieldset#section-961').show();
$('fieldset#section-967').show();
$('fieldset#section-962').show();
$('fieldset#section-964').show();
}
if(dropVal == "Logo")
{
$('fieldset#section-960', 'fieldset#section-961', 'fieldset#section-962', 'fieldset#section-964', 'fieldset#section-967').hide();
$('fieldset#section-962').show();
}
});
}