1

PHP と JQuery を使用して、最初のドロップダウン メニューが 2 番目のドロップダウン メニューに動的に入力されるコードがいくつかありました。

使用したコード 

$('#first_choice').change(...)

そして、この関数内getter.phpで、次のように、最初の選択値を使用して、2 番目のメニューのデータベースからファイルがデータをロードしました。

 $first_choice=$("#second-choice").load(
            "getter.php?choice=" + $("#first-choice").val()
  );

この php ページは json エンコードされています。変更関数内には.get()、選択メニューの php ページの URL を持つ関数、2 番目のメニューのオプションに追加する関数 (データ)、最後のパラメーターとして形式 "json" がありました。change 関数は、最初のメニューがクリックされたときに 2 番目のメニューを変更するために 1 回呼び出されました。.ajaxパラメータがfalseだった ことを覚えています。

4

1 に答える 1

1

最初のドロップダウンメニューが変更されたときのajax 2番目のドロップダウンメニューの変更の例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script>
        $(function(){
            $('#first_choice').change(function(){
                $.ajax({
                    url: "getter.php?choice=" + $(this).val()
                }).done(function(data){
                    data = JSON.parse(data);
                    var html = '';
                    for(i=0;i<data.length;++i){
                        html += '<option value="'+data[i]+'">'+data[i]+'</option>';
                    }
                    $('#second-choice').html(html);
                });
            });
        });
    </script>
    <style>
        {padding:0;margin:0;}
    </style>
</head>
<body>
    <select id="first_choice">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
    <select id="second-choice">
    </select>
</body>
</html>

処理ファイル「getter.php」のコード:

<?php
$out = array();
if(isset($_GET['choice']))
{
    for($i=100;$i<10000000;$i*=10)
    {
        $out[] = $_GET['choice']*$i;
    }
}
echo json_encode($out);
?>
于 2013-10-06T21:01:58.143 に答える