Я пытаюсь вызвать всплывающее окно для отображения, если и только если заданное значение выбрано из списка.
Значение раскрывающегося меню определяется данными сеанса, поэтому выпадающим меню может быть любой из параметров, доступных при загрузке страницы.
Я хочу, чтобы всплывающее окно (я использую плагин bPopup) для отображения, если для загрузки страницы задан определенный выбор.
Мой выпадающий список
Это HTML/javascript, как он появляется в источнике браузера:
<select
onchange="this.form.submit()"
name="country"
id="country_drop"
>
<option value="select">Please Select</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Angola">Angola</option>
<option value="Argentina">Argentina</option>
</select>
Это jquery, который я пытаюсь использовать для создания всплывающего окна, если отбор - это Ангола при загрузке страницы:
$(document).ready(function() {
if($("#country_drop").val()=="Angola");
{
$('#popup').bPopup({
opacity: 0.6,
modalClose: true
});
}
});
Что происходит в настоящее время:
Страница загружает всплывающее окно на странице, независимо от выбора, в 100% случаев.
У вас есть точка с запятой в конце условия if
if($("#country_drop").val()=="Angola");
JS
$(document).ready(function() {
$('#country_drop').change(function(){
if($('#country_drop').val()=="Angola")
{
$('#popup').bPopup({
opacity: 0.6,
modalClose: true
});
}
});
});