HTML <select> JQuery değiştirilemiyor

Question

Tamam Neden bunun işe yaramadığını anlamıyorum. Oldukça basit görünüyor.

İşte benim açılan menü:

<div> 
    <form> 
     <select id='yearDropdown'> 
      <c:forEach var="years" items="${parkYears}"> 
       <option value=/events.html?display_year=${years}<c:if test="${currentYear == years}">selected="selected"</c:if>>${years}</option> 
      </c:forEach> 
     </select> 
    </form> 
</div> 

ve burada JavaScript

$("#yearDropdown").change(function() { 
    alert('The option with value ' + $(this).val()); 
}); 

Şu anda sadece bu yüzden işlevler ekleyebilirsiniz çalışma almak istemeniz. Teşekkürler!

Answer 1

Bu kod sözdizimsel olarak doğrudur. Büyük ihtimalle yanlış zamanda çalışıyor.

DOM hazır olduğunda olay bağlamak isteyeceksiniz

:

$(function(){ /* DOM ready */ 
    $("#yearDropdown").change(function() { 
     alert('The option with value ' + $(this).val()); 
    }); 
}); 

Veya live kullanın:

$("#yearDropdown").live('change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

Veya kullanmak delegate:

$(document.body).delegate('#yearDropdown', 'change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

Veya jQuerykullanıyorsanız 210:

$("#yearDropdown").on('change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

---

Bununla birlikte, tarayıcı İşaretleme render bittikten sonra senaryoyu yürütmek için genellikle en iyisidir.

Answer 2

Kodunuz doğruysa ve bakın burada, benim için çalışıyor: Eğer jQuery düzgün yüklenmiş emin http://jsfiddle.net/mobweb/2Skp9/

musunuz? Yardımcı olur

Answer 3

Emin değilim, ama bu deneyebilirsiniz:

$("#yearDropdown").live("change", function() { 
    alert('The option with value ' + $(this).val()); 
}); 

Answer 4

Ben kodunuzu in jsFiffle çalıştılar. Bazı seçenekleri el ile birkaç yıl ekledim. Doğru çalışıyor.

$(document).ready(function(){ 
    $("#yearDropdown").change(function() { 
     alert('The option with value ' + $(this).val()); 
    });​ 
});