v2.5.2
Giriş yap

Get ile post edilince post edilen option selected eklemek

konya
726 defa görüntülendi

merhaba arkadaşlar bir sitede gördüğüm özelliği yapmak istedim iki adet select var birinde haftalar diğerinde haftaların barındırdığı günler

ancak haftaları post edince select eklettim sıkıntı yok ancak post edilen günleri selected yapamadım

tüm kodlar aşağıda

not javascript kodları kendim yazmadım kopyala yapıştır yaptım

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script>
        $(function () {
        
            window.iddaatableonetime = false;
            
            $("#haftalar").change(function () {
                var dates = $(this).find(":selected").attr("dates");
                
                $("#gunler").find("[value!='*']").remove();
                dates.split(",").forEach(function (v) {
                    if (v) {
                        var vt = v.slice(0).split("-");
                        var d = new Date();
                        var option = $("<option>").attr("value", v).text(vt.slice(0).reverse().join("."));
                		
                            if (window.onetime2 === undefined && parseInt(vt[0]) == d.getFullYear() && parseInt(vt[1]) == (d.getMonth() + 1) && parseInt(vt[2]) == d.getDate())
                                option.attr("selected", "selected");
                        $("#gunler").append(option);
                    }
                });
                window.onetime2 = 1;
                if (window.iddaatableonetime)
                    setTimeout(function () {
                        $("#gunler").change();
                    }, 50);
                window.iddaatableonetime = true;
            });
            
            $("#haftalar").change();
        
            if ("" !== "") {
                setTimeout(function () {
                    $('html, body').animate({
                        scrollTop: $("span.betwhite:contains()").offset().top -200
                    }, 800);
                    $("span.betwhite:contains()").css("background", "#FAA");
                }, 100);
            }
    
        });
    </script>
</head>
<body>

<?php
error_reporting(E_ALL ^ E_NOTICE);

$haftalar = Array
(
Array
    (
        "date" => "2020-01-28,2020-01-29,2020-01-30,2020-01-31,2020-02-01,2020-02-02,2020-02-03",
        "value" => "1574",
        "text" => "28.01.2020 - 04.02.2020"
    ),
	Array
    (
        "date" => "2020-01-21,2020-01-22,2020-01-23,2020-01-24,2020-01-25,2020-01-26,2020-01-27",
        "value" => "1573",
        "text" => "21.01.2020 - 28.01.2020"
    )
	
);

?>

<form action="" method="GET">
Haftalar
<select id="haftalar" name="weekId" onchange="changeWeek(this.value)" style="float:none;">
	<?php
		for($i=0; $i< count($haftalar);$i++){
		?>
		<option <?php echo $_GET["weekId"]==$haftalar[$i]["value"] ? 'selected' : null; ?> dates="<?php echo $haftalar[$i]["date"]?>" value="<?php echo $haftalar[$i]["value"]?>"><?php echo $haftalar[$i]["text"]?></option>
	<?php }?>
</select>
Günler
<select id="gunler" name="DayId" onchange="changeWeek(this.value)" style="width: 100px;">
                <option value="*">Hepsi</option>
</select>


<input type="submit" value="GONDER">
</form>

<?php 

if($weekId = @$_GET["weekId"] and $DayId = @$_GET["DayId"]){

echo $_GET["weekId"]."<br>";
echo $_GET["DayId"];

}

?>


</body>
</html>
Cevap yaz
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!