jquery - jQueryは複数の日付ドロップダウンを非表示フィールドにコピーします

Question

月/日/年を選択するための3つのドロップダウンボックスがあるフォームがあります。ISO 8601形式（例：「2012-05-30」）で選択した情報を非表示フィールドから送信する必要があります。jQueryを使用して、これらのドロップダウンボックスで選択されたものに基づいて日付値を作成するにはどうすればよいですか？

HTMLは次のようなものです。

<select name=month>
   <option>01</option>
   <option>02</option>
   <option>etc...</option>
</select>

<select name=day>
   <option>01</option>
   <option>02</option>
   <option>etc...</option>
</select>

<select name=year>
   <option>2012</option>
   <option>2013</option>
   <option>etc...</option>
</select>

<input type="hidden" name="date" value="">

Answer 1

これを試して。

     <form id="test" method="post">
    <select name="month" class="date1">
       <option value="01">January</option>
      <option value="02">February</option>
    </select>

   <select name="day" class="date1">
     <option value="01">01</option>
    <option value="02">02</option>
   </select>
  <select name="year" class="date1">
    <option value="2012">2012</option>
    <option value="2013">2013</option>
 </select>
 <input type="hidden" name="date" value="">
 <input type="submit"/>
</form>

デモのjavascriptを参照してください。

デモをお試しください

Answer 2

ISO 8601形式（例：「2012-05-30」）で選択した情報を非表示フィールドから送信する必要があります。

$('#formId').submit(function(){

  var dt = $('select[name=year] option:selected').text()
      + '-' +  $('select[name=month] option:selected').text() 
      + '-' + $('select[name=day] option:selected').text();

  $('input[name=date]').val(dt);
});

Answer 3

フォーム送信でそれを行います：

$("#myForm").submit(function() {
    var value = $("#myYearSelect").val()
    value += "-" + $("#myMonthSelect").val()
    value += "-" + $("#myDaySelect").val();
    $("#myHiddenInput").val(value);
});

Answer 4

var mydate = $('input[name=year]').val() + '/' +  $('input[name=month]').val() +  '/' + $('input[name=day]').val();

$('input[name=date]').val(mydate);