Событие триггера jQuery (bPopup) по выбранному выпадающему значению

Question

Я пытаюсь вызвать всплывающее окно, если и только если заданное значение выбрано из списка.

Значение раскрывающегося меню определяется данными сеанса, поэтому выпадающим списком может быть любой из параметров, доступных при загрузке страницы.

Я хочу, чтобы всплывающее окно (я использую плагин 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 Я пытаюсь использовать для создания всплывающего окна, если slection является Ангола на странице загрузки:

$(document).ready(function() { 
    if($("#country_drop").val()=="Angola"); 
     { 
      $('#popup').bPopup({    
      opacity: 0.6, 
      modalClose: true 
      }); 
     } 
}); 

Что сейчас происходит:

Страница загружает всплывающее окно на странице, независимо от выбора, в 100% случаев.

Answer 1

У вас есть точка с запятой в конце, если условие

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 
      }); 
     } 
    }); 
}); 

Fiddle