ドロップダウンリストの機能を模倣する方法は？

Question

StackOverflowに投稿された同様の質問がありますが、それは私の問題を解決しません。だから私はドロップダウンを持っています。そのオプションは基本的にはフォームを送信し、それに応じてデータを変更することで何らかのアクションを実行します。ここにドロップダウンを表示するサンプルコード

<select class="select" onchange="submitData()" id="Filter"> 
    <option value="-1" selected="">Items</option> 
    <option value="0">Unread</option> 
    <option value="1">Read</option> 
</select> 

これは、項目をドロップダウンから変更するときに呼び出される関数です。

<script> 
    submitData = function() {document.formHeader.submit();} 
</script> 

"formHeader"には、データを表示するためのフォームがあります。そして、私がドロップダウンの項目を変更すると、データはそれに応じて変更されます。基本的に、私はリストの上でsubmitData機能を変換したいと思います。それを行う方法はありますか？変更に

Answer 1

使用変更イベント

<select class="select" id="Filter"> 
    <option value="-1" selected="">Items</option> 
    <option value="0">Unread</option> 
    <option value="1">Read</option> 
</select> 

は値を取得し、あなたがこのリスト

<ul> 
    <li class="filter" data-form="ItemForm">Items</li> 
    <li class="filter" data-form="UnreadForm">Unread</li> 
    <li class="filter" data-form="ReadForm">Read</li> 
</ul> 

<script type="text/javascript"> 
    $(function() { 
    $('.filter').click(function(){ 
     var form = $(this).data('form'); 
     $('#'+form).submit(); 
    }) 
    }); 
</script>