0

ドロップダウン リストで特定の値を選択し、その選択に応じて 2 番目のドロップダウン リストを表示する方法はありますか? 普通の単語だけでそれを行う方法は知っていますが、変数名を使用するとどうなりますか?

University Name: <select name="university" id="university">
<?php 
    while($row = mysql_fetch_array($uniName)) {
        echo "<option>" . $row['uni_name'] . "</option>"; 
    }
?> 
</select>
<br/>
Course Name: <select name='course' id='course'>
<?php 
    while($row = mysql_fetch_array($courseNames)) {
        echo "<option>" . $row['course_name'] . "</option>"; 
    }
?>
</select>

ご覧のとおり、最初のドロップダウン リストに、データベースから取得したすべての大学名を追加しました。コースも同じようにしました。

以下のコードを変更するにはどうすればよいですか。

$(document).ready(function() {
    $('#course').hide();

    $('#university').change(function () {
        if ($('#university option:selected').text() == "Harvard University"){
            $('#course').fadeIn('slow');
        }
        else { 
            $('#course').fadeOut('slow');
        }
    });
});

「ハーバード大学」の代わりに、ユーザーが選択したものに応じて変数を配置したいと考えています。$university_name のようなもので、新しいクエリを作成して、特定の $university_name に属するコースのみを表示します。

4

1 に答える 1

0

私のコメントで既に述べたように、AJAX を使用してcourseボックスを埋めることをお勧めします。

$.ajax("getCourses.php", {
    data: { UID: uid },
    type: 'POST',
    done: function(result) {
        $("#course").html(result);
});

これにより、選択タグがgetCourses出力用のもので埋められます。

もちろん、UID は問題の大学の ID です。

このページには、必要な情報がすべて含まれています。詳細と例については、Google にお問い合わせください :)

于 2013-03-05T14:28:12.780 に答える