1

私が達成しようとしているのは次のとおりです... HTML

<!doctype html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link href="css/jquery.selectbox.css" type="text/css" rel="stylesheet" />
</head>
<body>



    <select name="dateselector_parent" id="dateselector_parent" tabindex="1">
        <option value="">--Select Date--</option>
        <option value="1">2012</option>
        <option value="1">2011</option>
        <option value="1">2010</option>
        <option value="2">Predefined Dates</option>
    </select>

    <select name="dateselector_child" id="dateselector_child" tabindex="2">
        <option value="">--Select Date--</option>
        <option value="1">January</option>
        <option value="1">February</option>
        <option value="1">March</option>
        <option value="1">April</option>
        <option value="1">May</option>
        <option value="1">June</option>
        <option value="1">July</option>
        <option value="1">August</option>
        <option value="1">September</option>
        <option value="1">October</option>
        <option value="1">November</option>
        <option value="1">December</option>
        <option value="2">Current Month</option>
        <option value="2">Month to Date</option>
        <option value="2">Last 7 Days</option>
    </select>


    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.selectbox-0.2.js"></script>
    <script type="text/javascript" src="js/datejs.js"></script>
    <script type="text/javascript">
    $(function () {
        $("#dateselector_parent").selectbox();
        $("#dateselector_child").selectbox();
    });


    </script>
</body>

これにより、2 つの選択ボックスが作成されます。ユーザーが選択した内容に応じて、1 つのボックスにコンテンツを表示する必要があります。たとえば、ユーザーが 2010 年または 2011 年または 2012 年を選択した場合、2 番目のオプションとして Jan-Dec を表示したいと考えています。ユーザーが [定義済みの日付] を選択した場合、当月、今月から現在まで、および過去 7 日間を表示します。私が使用している JavaScript プラグインを使用すると、ユーザーは onChange、onOpen、および onClose メソッドを定義できます。私はいくつかの調査を行ってきました.AJAXがこれを達成しようとしているようですが、PHPについて少し知らないので、jQueryでこれを達成できるかどうか知りたい. (私はこの問題を解決しようと試みましたが、もちろん運がありませんでした。誰かが私のためにそれをやってくれるのを探しているわけではありません。ただ正しい方向に向けられたいだけです。

どんな助けでも大歓迎です

4

3 に答える 3

0

AJAX は、非同期 JavaScript および XML に拡張されます。XMLHTTPRequestサーバーからコンテンツを取得するためのを記述する必要があります。

ロジック (特定のオプションが選択されたときに表示するもの) を数行のコードに格納できる場合は、それを JavaScript または jQuery に埋め込むことができます。

したがって、あなたの場合、AJAX を使用する必要はありません。これは、JavaScript の少しのコードで実現できます。

「2レベルの相互依存選択リストの作成」が役立つ場合があります。

于 2012-09-26T16:05:33.680 に答える
0

ただの出発点です！

$("#dateselector_parent").change(function() {
    $('#dateselector_child').val($(this).find("option:selected").index());
});

デモ

于 2012-09-26T15:56:26.207 に答える