Question

我有这个下拉列表：

<select>
    <option value='CAD'>CAD</option>
    <option value='USD'>USD</option>
    <option value='MXN'>MXN</option>
</select>

<div id="currency-alert" class="hide">My alert message</div>

我希望有可能根据用户选择显示t div。

所以我用过：

if(currency != 'CAD') { 
    $('#currency-alert').toggleClass('show', 'hide'); 
}else{ 
    $('#currency-alert').toggleClass('hide', 'show'); 
}

问题是，当我选择USD并且在MXN之后，该框会消失。

我怎么能改变这个？

该框应仅显示USD和MXN，但不显示CAD。

感谢。

Answer 1

如果您只想显示div CAD，只需使用show进行展示，hide选择其他货币时。

if(currency != 'CAD') { 
    $('#currency-alert').show(); 
}else{ 
    $('#currency-alert').hide(); 
}

如果您不想在启动时显示它，可以使用display:none初始化它

根据jQuery中的选择更改div显示

1 个答案: