更改功能不激活,javascript动态表单

时间:2013-11-22 20:27:39

标签: javascript php jquery html

我不确定为什么这不会解雇。当我测试代码时,表单会出现,但是当我从第一个表单中选择时,会发生注意。我确信无论出于何种原因,.change(函数)都无效。

<?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>

1 个答案:

答案 0 :(得分:0)

首先,您需要确保页面上包含JQuery(它不在您的帖子中)。第二,确保在DOM准备就绪时调用您的代码。

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