0

このコードは、コンボ ボックスを使用してユーザーの選択した値に基づいて年齢を計算するためのもので、下にあるテキスト ボックスに年齢を表示する必要があります。ユーザーがコンボ ボックスで選択した値を変更するたびに、年齢を更新する必要があります。しかし、私の現在のコードでは、計算された年齢は表示されません。

<?php
                $month = date("m"); //without leading zero(o)
                $year = date("Y"); //four digit format
                $day = date("d");
                $st_year = "1950"; //Starting Year
                $month_names = array("January", "February", "March","April", "May", "June", "July", "August", "September", "October", "November", "December");
            ?>

            <form name="Month_Year" id="Month_Year"  method="post">
            <select name="month" id="month">
            <?php
            for ($i=1; $i<=12; $i++) {
                echo "<option ";
                if ($i == $month) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">", $month_names[$i-1], "</option>\n";
            }
            ?>
            </select>
            <select name="year" id="year">
            <?php
            for ($i=$st_year; $i<=$year; $i++) {
                echo "<option ";
                if ($i == $year) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">$i</option>\n";
            }
            ?>
            </select>
            <select name="day" id="day">
            <?php
            for ($i=1; $i<=31; $i++) {
                echo "<option> ";
                if ($i == $day) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">$i</option>\n";
            }
            ?>
            </select>
            // I used this code to combine the selected value in the combo box.
            <?php $Convertdays = $month."/".$day."/".$year; 

            echo $Convertdays;
            ?>
            <script type="text/javascript">
            var birth = new Date( <?php '$Convertdays'?>);
            var check = new Date();
            var milliDay = 1000 * 60 * 60 * 24; // a day in milliseconds;
            var ageInDays = (check - birth) / milliDay;
            var ageInYears =  Math.floor(ageInDays / 365 );
            var age =  ageInDays / 365 ;
            </script>

コンボ ボックスの値を変更するたびに、テキスト ボックスには 0 が表示されます。テキスト ボックスの値が 1991 年 10 月 19 日であると仮定すると、21 と表示されます。

4

1 に答える 1

0

JavaScriptを上に移動し、関数にして参照できるようにします

次に、選択要素を変更したときに関数をトリガーする onChange() を追加します

最後に、関数が計算をページのどこかに出力するようにします

<?php
    $month = date("m"); //without leading zero(o)
    $year = date("Y"); //four digit format
    $day = date("d");
    $st_year = "1950"; //Starting Year
    $month_names = array("January", "February", "March","April", "May", "June", "July", "August", "September", "October", "November", "December");
    $Convertdays = $month."/".$day."/".$year; 
?>
<script type="text/javascript">
    function update() {
        var e = document.getElementById("month");
        var month = e.options[e.selectedIndex].value;
        e = document.getElementById("day");
        var day = e.options[e.selectedIndex].value;
        e = document.getElementById("year");
        var year = e.options[e.selectedIndex].value;
        var birthDate = month + "/" + day + "/" + year
        var birth = new Date(year,month,day,0,0,0);
        var check = new Date();
        var milliDay = 1000 * 60 * 60 * 24; // a day in milliseconds;
        var ageInDays = (check - birth) / milliDay;
        var ageInYears =  Math.floor(ageInDays / 365 );
        var age = parseInt(ageInDays / 365) ;
        if (age < 3) {
            document.getElementById('Calculated').innerHTML = "You are under 3 years old, why are you on the computer?";
        } else {
            document.getElementById('Calculated').innerHTML = "You are " + age;
        }
    }
</script>
Enter your birth Date:
<div style="height:15px;"></div>
<form name="Month_Year" id="Month_Year"  method="post">
    <select name="month" id="month" style="margin-right: 30px;" onChange="update();">
        <?php
            for ($i=1; $i<=12; $i++) {
                echo "<option ";
                if ($i == $month) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">", $month_names[$i-1], "</option>\n";
            }
        ?>
    </select>
    <select name="day" id="day" style="margin-right: 30px;" onChange="update();">
        <?php
            for ($i=1; $i<=31; $i++) {
                echo "<option ";
                if ($i == $day) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">$i</option>\n";
            }
        ?>
    </select>
    <select name="year" id="year" onChange="update();">
        <?php
            for ($i=$st_year; $i<=$year; $i++) {
                echo "<option ";
                if ($i == $year) {
                    echo "selected=\"selected\" ";
                }
                echo "value=\"$i\">$i</option>\n";
            }
        ?>
    </select>
    <br>
</form>
<div id="Calculated">
    calculated age goes here<br>
</div>
于 2013-04-21T00:40:14.710 に答える