ドロップダウンオプション値jquery

Question

私は2つのドロップダウン（月と年）とボタンがあります。ユーザーがボタンをクリックすると、選択した月の値と年の値を取得し、クエリ文字列として次のようなURLに渡します：https://mysite.com/events.aspx?my=may2012。

jQueryまたはJavascriptを使用してこれらの値を取得するにはどうすればよいですか？

<div id="datepicker"></div> 
<div class="calendForm"> 
    <span class="inpMonth"> 
     <select> 
      <option selected="selected">September</option> 
     <option>August</option> 
     <option>July</option> 
     <option>June</option> 
     <option>May</option> 
     <option>April</option> 
     <option>March</option> 
     <option>February</option> 
     <option>January</option> 
     <option>December</option> 
     <option>November</option> 
     <option>October</option> 
     </select> 
    </span> 
    <span class="inpYear"> 
     <select> 
      <option selected="selected">2012</option> 
      <option>2013</option> 
      <option>2014</option> 
     <option>2015</option> 
     </select> 
    </span> 
    <a href="#" type="submit" class="btnBlue"><span>GO</span></a> 
</div><br /> 

Answer 1

T.ストーンの答えに間違いがあります。セレクタにはドットが必要です。 それ以外は - 素晴らしい答え！

See my fiddle

<script> 
$(function(){$(".btnBlue").click(function(){ 
    window.location = "https://mysite.com/events.aspx?my=" + $(".inpMonth select").val().toLowerCase() + $(".inpYear select").val(); 
})}) 
</script> 

Answer 2

私はこのすべてがclickイベントのbtnBlueに発生することを前提としています。クリックハンドラと

スタート...その後

$('a.btnBlue').click(function() { 
    // ... 
}); 

月/年の値を取得

...

var month = $('.inpMonth select').val(); 
var year = $('.inpYear select').val(); 

すると...そのURLに移動し

window.location.href = 'https://mysite.com/events.aspx?my=' + month + year; 

すべて一緒に...

どの関数を作成

function currentSelection() { 
    return month.val() + year.val(); 
} 

：文字列として&年現在の月を返す関数を作成し、次の

var button = $('a.btnBlue'); 
var month = $('#datepicker .inpMonth select'); 
var year = $('#datepicker .inpYear select'); 

：

Answer 3

まず、あなたのSELECTおよびLINK DOMオブジェクトへの参照を取得しますcurrentSelection（）に基づいて新しいURLに移動します：

function navigateToDate() { 
    window.location.href = "https://mysite.com/events.aspx?my=" + currentSelection(); 
} 

whボタンをクリックすると、EN、navigateToDate（）を呼び出す：全体の形は（.serializeを与える解析するに

$(".inpMonth select").val(); 

を試す月取得するには

button.click(navigateToDate); 

Answer 4

を）と.serializeArray（）のtry

$("form").serialize()