На конкретном выборе опции из выпадающего меню модальный форма должна выскочить

Question

Я пытался выскочить модальность от

Всякий раз, когда пользователь выбрал вариант с из выпадающего меню

код привязка :: Модальной Форма меню

<div id="loginmodal" style="display:none;"> 
    <h1>User Login</h1> 
    <form id="loginform" name="loginform" method="post" action="index.html"> 
     <label for="username">Username:</label> 
     <input type="text" name="username" id="username" class="txtfield" tabindex="1"> 

     <label for="password">Password:</label> 
     <input type="password" name="password" id="password" class="txtfield" tabindex="2"> 

     <div class="center"><input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="Log In" tabindex="3"></div> 
    </form> 
    </div> 

выпадающего ::

<select class="selectpicker form-control" id="count"> 
    <option value="0" selected="selected">Select Variable</option> 
    <option value="a">a </option> 
    <option value="b">b </option> 
    <option value="c">c </option> 
</select> 

Java Script ::

$('#count).change(function() { 

       document.getElementById('loginmodal').click(); 
       $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" }); 


        }); 

, но он не работает для меня .can нибудь помочь мне в этом?

Answer 1

На основании этого ответа

jQuery get value of select onChange

и это на

How to open a Bootstrap modal window using jQuery?

это должно быть что-то вроде этого:

$('#count').change(function() 
{ 
    if (this.value == 'c') 
    { 
     $('#loginmodal').modal('show'); 
    } 
});