プルダウンに値を入れたい

Question

お世話になります。
表題にあります、プルダウンで選択した値を送信したいための質問ですが、初めて見るコードなのでご教示いただきたく投稿いたします。

以下の画像のは、あるページの一部をキャプチャしたもので、データの一覧表示をソート変更するためのプルダウンです。

画像のとおり、クリックしてプルダウンデータを表示し、データを送信したい・・・と考えているのですが、どのようにデータを渡せばいいのか分からず質問した次第です。

以下は、デザインを基にコーディングをお願いした業者から納品されたコード（プルダウンのところを抜粋）ですが、どのようにデータを入れて渡したらいいのか教えて頂けますでしょうか？

                <form action="">
                  <dl class="c-sort" id="c-sort">
                    <dt class="c-sort__label">SORT BY:</dt>
                    <dd class="c-sort__body"><span class="c-sort__val">ALL</span><i class="c-sort__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.137 24.571">
  <path id="パス_4" data-name="パス 4" d="M1850.349,985.254v3.916l20.021,8.37-20.021,8.369v3.916l20.137-8.419v-7.733Z" transform="translate(-1850.349 -985.254)"/>
</svg>
</i>
                      <ul class="c-sort__list">
                        <li data-value="ALL">ALL</li>
                        <li data-value="2021">2021</li>
                        <li data-value="2020">2020</li>
                        <li data-value="2019">2019</li>
                        <li data-value="2018">2018</li>
                      </ul>
                    </dd>
                  </dl>
                </form>

プルダウンに代入する値はPHPで代入し、渡したデータもPHPで受け取りたいのですが、inputタグなどが見当たらず、調べようにも調べられない状況が続いています。

業者に質問しても、エンジニアが長期の休暇の入ったとかで回答が見込めず、困っている状況で質問させていただきました。

恐れ入ります。アドバイスのほど頂戴出来れば幸いです。
よろしくお願いいたします。

Answer 1

カスタムで作ったシステムだと正しい助言もままなりませんが、適当に

<style>
.active{background-Color:yellow;}
</style>
<?PHP
print_r($_REQUEST);
?>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('form').forEach(x=>{
    x.addEventListener('formdata',e=>{
      document.querySelectorAll('[data-name] [data-value].active').forEach(x=>{
        e.formData.append(x.closest('[data-name]').dataset["name"],x.dataset["value"]);
      });
    });
  });
  document.querySelectorAll('li[data-value]').forEach(x=>{
    x.addEventListener('click',e=>{
      e.target.parentNode.querySelector('.active')?.classList.remove('active');
      e.target.classList.add('active');
    });
  });
});
</script>
<form method="post">
<ul data-name="hoge">
<li data-value="ALL">ALL</li>
<li data-value="2021">2021</li>
<li data-value="2020">2020</li>
<li data-value="2019">2019</li>
<li data-value="2018">2018</li>
</ul>
<input type="submit" value="send">
</form>

Answer 2

data属性指定されてるようですし、JavaScriptでdata属性を取得し、formDataとして送信すれば良いのでは。
そのPHPがWeb APIなのか画面表示も伴うのかで違いますし、そのPHPがどうリクエストを受け付けているのか分からないと何とも言えません。

業者に質問しても、エンジニアが長期の休暇の入ったとかで回答が見込めず、困っている状況で質問させていただきました。

まぁ、業者に依頼しているレベルなのでしたら、質問と回答と言うだけだけでやりとりするの難しいところがあるかもしれませんし、本来そちらに有償（サポート込み）で対応してもらってるところ（？）を赤の他人に無償で得るというのは契約上どうなのかなという疑問と、
その手の引継ぎすらもできてないのはサポート体制としてどうなのかなという双方向での疑問はあります。