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);