Jquery help ajaxリクエストを作成する

Question

私はajaxリクエストを作成しようとしています。 フォームのオプションをクリックすると、ajaxリクエストはありません。しかし、私は正しいページに行きます。

私のjQuery：

それはIDのformcontentとのdivにレンダリングするとURLがファインダーであるように私は、AJAX要求を行っ行う方法

$(document).ready(function() { 
    // send form ved klik paa listen 
    $('option').click(function() 
    { 
     var form=$(this).closest('form'); 
     $.ajax({ 
      type:'post', 
      url:form.attr('action'), 
      data:form.serialize(), 
      success:function(msg){ 
      $('#formcontent').html(msg); 
      } 
     }); 
    }); 
}); 

$().ready(function() { 
    $('#jump_nav_submit').hide(); 
}); 

$('#jump_nav').live('change', function() { 
    window.location = "\/finder\/" + $(this).val(); 
}); 

/whateverthevalueoftheオプションがあります。パラメータがあるため

$().ready(function() { 
    $('#jump_nav_submit').hide(); 
}); 

$('#jump_nav').live('change', function() { 
    window.location = "\/finder\/" + $(this).val(); 
}); 

をしかし、AJAXリクエストが動作していません： http://localhost:3000/finder/?id=16&utf8=%E2%9C%93

の代わりに：http://localhost:3000/finder/1

Answer 1

オプション要素がサポートされていない

は、私はこれを削除しようとしていますクリック事象クロスブラウザ。それはFifrefoxで動作しますが、クロム/サファリについては覚えていません。

すべてのブラウザをサポートするにもかかわらず、選択変更イベントでajaxコールを行う必要があります。

コードスニペットでは、オプションの観点から達成しようとしていることを明確にしていないため、選択変更イベントのリダイレクトがそれほど助かりません。