Функция изменения не срабатывает, динамическая форма javascript

Question

Я не уверен, почему это не стреляет. Когда я проверяю код, появляются формы, но когда я выбираю из первой формы, замечание происходит. Я уверен, что по какой-то причине функция .change (function) не работает.

<?php 
require("scripts/dbconnect.php"); 

$stmt = $db->prepare('SELECT name FROM sets'); 
$stmt->execute(); 
$data = $stmt->fetchAll(); 

?> 
<select id="first-choice"> 
<?php foreach ($data as $row): ?> 
    <option><?=$row["name"]?></option> 
<?php endforeach ?> 
</select> 

<br /> 

<select id="second-choice"> 
    <option>Please choose from above</option> 
</select> 

<script language=JavaScript> 
$("#first-choice").change(function() { 
    $("#second-choice").load("getter.php?choice=" + $("select#first-choice option").filter(":selected").val()); 
}); 
</script> 

Answer 1

Необходимо сначала убедиться, что JQuery включен на странице (его нет в вашем сообщении). И, во-вторых, убедитесь, что ваш код вызывается, когда DOM готов.

$(document).ready(function(){ 
    $("#first-choice").change(function() { 
     $("#second-choice").load("getter.php?choice=" + $("select#first-choice option").filter(":selected").val()); 
    }); 
});