我有一个小问题。在我的注册表格中,我有几个选择菜单,专门针对国家和他们的州。jquery - 从选择菜单中选择时使div出现
对于大多数国家,除美国和加拿大外,没有州。
所以我有2个div。一个国家,一直出现,一个国家(美国&加拿大)。
当用户选择除美国或加拿大以外的其他国家时,一切都很好,并且状态div保持隐藏状态。
但是,当用户选择美国或加拿大我希望他们适当的div出现在下面。
有没有办法做到这一点?
<div class="dv_country">
<select name="country" class="form-control">
<option value="" selected="selected">Select Country</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
</select>
</div>
<div class="dv_state_US">
<select name="state" class="form-control">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
</select>
</div>
<div class="dv_state_CA">
<select name="state" class="form-control">
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
</select>
</div>
CSS
.dv_state_US
{
display:none;
}
.dv_state_CA
{
display:none;
}
您忘记了链接相关的CSS和JavaScript代码。 –
唯一的css现在有 - 显示:无; – Jimmy
发布JavaScript/jQuery。 – Wazaaaap