selectタグとoptionタグから作成したドロップダウンメニューをHoverableドロップダウンメニューに変更しました。どのように値を渡すべきですか

Question

Hoverableドロップダウンを作成して、結果を名前または日付で動的に並べ替える必要があります。以前私は、すべてが正常に動作された使用すると、タグによって作成されたドロップダウンを持っていた

私のコードだった：私はHoverableドロップダウンに変換している

<div class="sort"> 
    <ul> 
    <li><a href="#">name</a></li> 
    <li><a href="#">date</a></li> 
    </ul> 
    </div> 

に変更されている

<select name="sort-by" id="sort"> 
     <option value="name" <?php if($orderby == 'name') echo "selected='selected'";?>>name</option> 
     <option value="date" <?php if($orderby == 'date') echo "selected='selected'";?>>date</option> 
    </select> 

。しかし、今問題は、コードをどのように私はリンクをクリックし、したがって、SQLクエリで使用するif（isset（$ _ POST [order_by]）を使用して別のページでフェッチしている値$ orderbyを渡すことを知っているだろう？

Answer 1

申し訳@kanayoを表示するjsFiddleであるが、これは動作していないか、多分私は正しい方法でそれを保つことではないのです。これは正しい方法ですか？

<div class="sort"> 
    <script> 
    $('ul li a').click(function(){ 
    newValue = $(this).html(); 
    $('input#order_by').val(newValue); 
    }); 
    </script> 
    </div> 
    <ul> 
    <input type="hidden" id="order_by" name="order_by" value=""/> 
    <li><a href="#" >Name</a></li> 
    <li><a href="#" >Date</a></li> 
    </ul> 
    </div> 

Answer 2

これを実現するには、JavaScriptまたはjQueryを使用できます。含めることを忘れないでください：まず、ユーザーがこの

$('ul li a').click(function(){ 
    newValue = $(this).html(); 
    $('input#order_by').val(newValue); 
}); 

ノートのような任意のオプションをクリックしたとき、あなたはinputフィールドのvalueを更新するためにjQueryを使用

<input type="hidden" id="order_by" name="order_by" value="" /> 

隠し入力フィールドを作成しますスクリプトにjQueryライブラリまた、入力欄は提出するformタグ内にある必要があります。ここで

は結果に