1

最初のドロップダウンから学生のバッチを選択し、次に対応する科目を2番目のドロップダウンのオプションとして選択する動的ドロップダウンを実装したい..

これは私のページのコードです:

<head>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function(){
    new JsDatePick({
        useMode:2,
        target:"inputField",
        dateFormat:"%d-%M-%Y"
    });
};
</script>
</head>
<?php
$dept =$_COOKIE[dept];
include_once("../Include/connectdb.php");
include_once("../Include/data_menu.php");
include_once '../Include/pagemaker.php';

?>
<script type="text/javascript">
$(document).ready(function()
{
$(".batch").change(function()
{
var id=$(this).val();
var dataString = 'year_join='+ id;

$.ajax
({
type: "POST",
url: "ajax_subject.php",
data: dataString,
cache: false,
success: function(html)
{
$(".subject").html(html);
} 
});

});
});
</script>

</head>

<body>

<br><br><br><br><br>
<fieldset class="cbox"><legend>Batch</legend>
<form name="frm" action=<?php print "edit_attendencePHP_NEW.php"; ?> method="GET"     

id="content">
<br><br>

<div style="margin:80px">
<label>Batch :</label> <select name="batch">
<option selected="selected">--Select Batch--</option>
<?php
    $result = mysql_query("select distinct year_joining from student_profile  

order by year_joining ")or die(mysql_error());

while($year = mysql_fetch_assoc($result)){
if($year[year_joining]!="" && $year[year_joining]>"2008"){
  print "<OPTION value='$year[year_joining]'>$dept $year[year_joining]</OPTION>";
}  }
 ?>

</select>
<label>Subject :</label> <select name="subject" class="subject">
<option selected="selected">--Choose Subject--</option>

</select>



    Date :<input type="text" size="12" id="inputField" name="date"/>
        <input class="bluebutton" type="submit" value="Go">    
 </form><br>

 <label class="comment">select a batch frm the list and press "Go"</label>
 </fieldset>

2番目のajaxページは正常に動作します...（$_GET）でテストしたように

これは、$_GET[year_join] を使用したワットです (ソース コードを表示) ショー ...

ajax_subject.php

<option value="ENGG.MATHS-I">ENGG.MATHS-I</option><option value="COMPUTER PROGRAMMING   
LAB">COMPUTER PROGRAMMING LAB</option><option value="WORKSHOPS">WORKSHOPS</option> 
<option value="ENGG.PHYSICS">ENGG.PHYSICS</option><option  
value="ENGG.CHEMISTRY">ENGG.CHEMISTRY</option><option ...........

他のすべては問題ないようです..

4

1 に答える 1

1

現在、バッチ選択要素にはバッチのクラスがなく、バッチの名前しかないため、AJAX リクエストにつながる変更イベントは発生していないようです。それはあなたが意図したものですよ$(".batch").change(function(){}ね？変更したら、コールバック関数にアラートまたはコンソール ログを入れて、それが起動していることを確認します。

于 2012-08-05T05:48:43.453 に答える