jquery - Jquery - 一致する選択されたオプションとラベルを見つけて、対応するフィールドを表示します

Question

解決済み: http://jsfiddle.net/arkjoseph/swDy5/20/

目標は、Amazon スタイルの検索ボックスを作成して、複数の入力検索/フィルター フィールドをすべて 1 ページに収めるために必要なスペースを削減することです。

検索の流れ:

検索フォームからラベルを取得します。
選択オプション フィールドにラベルを追加します。

選択の変更時に、選択された値を取得します。

選択された val がラ​​ベルと一致する場合は、最も近い div.input,div.option を表示します(ここですべてがうまくいきません。配列を検索しているので、ラベルの近くにある最も近い非表示のコンテナーを見つけることができないと思います。ヒントはありますか? )

これまでのところ、新しい選択値を配列に渡し、変更時に一致するものを見つけようとしました。

    $("body").append("<select id='selopt'></select>");

var _op = [];
var _se = "";
$(".views-exposed-widget label").each(function(){
    var text = $(this).text();
    _se += '<option value="'+ text +'">'+ text +'</option>';
    _op.push($(this).text());
    // Monthly Release,Title,New Provider/Show Name
});


$("#selopt").change(function() {
 $("form .views-exposed-widget .views-widget").fadeOut();
    _op[$(this).val()].next('div').css("z-index","100").fadeIn();
    });        

更新された Jquery: http://jsfiddle.net/arkjoseph/swDy5/14/