<div class="col-md-2 col-sm-12">
<!-- dyil tüm yayınlar 1 SUCCESS -->
<div class="card card-primary card-outline  shadow-sm">
    <div class="card-header">

        <form action="" method="post">
            <div class="input-group">
                <select id="mySelect2" class="form-control select2bs4 is-info" name="yilsecim" data-placeholder="Any" value="<?= $item["dyil"]; ?>">
                    <?php
                    $yilyazi = $db->VeriGetir('yazilar', "where durum=?", array(1), "group by dyil desc"); ?>

                    <?php foreach ($yilyazi as $item) { ?>
                        <option value="<?= $item["dyil"]; ?>"><?= $item["dyil"]; ?>
                        </option>
                    <?php } ?>
                </select>

                <input type="submit" name="submit" value="Listele">
            </div>
        </form>

    </div>
    <!-- /.card-header -->
    <?php
    if (isset($_POST['submit'])) {
        if (!empty($_POST['yilsecim'])) {
            $selected = $_POST['yilsecim'] ?>
            <div class="card-body">
                <?= $selected; ?> yılı yayınlarımız:<br>
                <hr>

                <?php
                $item = $db->VeriAl("Select dbaslik,dlink,dyil from yazilar", "where durum=? AND dyil=?", array(1, $selected), "");

                foreach ($item as $item) { ?>
                    <li><a href="<?= URL ?>yazilar/<?= $item["dlink"]; ?>"><?= $item["dbaslik"]; ?></a></li>

            <?php }
            }
        } else { ?>

            <div class="card-body">
                <?= $veri[0]["dyil"] ?> yılı yayınlarımız:<br>
                <hr>

                <?php
                $item = $db->VeriAl("Select dbaslik,dlink,dyil from yazilar", "where durum=? AND dyil=?", array(1, $veri[0]["dyil"]), "");

                foreach ($item as $item) { ?>
                    <li><a href="<?= URL ?>yazilar/<?= $item["dlink"]; ?>"><?= $item["dbaslik"]; ?></a></li>


            <?php
                }
            } ?>

            </div>
            <!-- /.card-body -->

            </div>
            <!--/.dyil tüm yayinlar son -->

</div>
<!--rightside end-->
</div>
   

Not: $veri[0] Sayfanın Main Body kısmında yazıyı çekmekte kullandığım kod onu buraya yapıştırmadım.

Aynı sayfada yazının tüm içeriği MAin Body kısmında ve sayfanın sağında küçük bir kart içinde (yukardaki kod bloğu) tüm yazıların yıllara göre listelemesini yapıyorum.
Option value ile yılı seçiyorum bunu aynı sayfada post edip cardın body kısmında bu post a göre o yılın yazı başlıklarını listeletiyorum.

Bu haliyle çalışıyor ama bunun yerine jquery ile yapmak daha mı uygun? bu konuda yardımcı olur musunuz? javascript ve jquery den anlamıyorum.
Bu şekil aynı sayfada post etmek sanki sıkıntı yaratacak gibime geliyor. Ayrıca mobil görünümde yıl seçip listeletince sayfada refresh olduğundan ister istemez sayfa yukarı kayıyor tekrar aşağı kaydırmak gerekiyor. Bu da kullanım açısından sıkıntı yaratıyor.
Daha uygun bir kod yazımı için yardımınızı rica ediyorum.