jQuery将多个日期下拉列表复制到隐藏字段

我有一个带有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="">

01
02
等
01
02
等
2012
2013
等

我需要提交以ISO 8601格式选择的信息（例如。 “2012-05-30”）通过一个隐藏字段

我需要提交以ISO 8601格式选择的信息（例如。 “2012-05-30”）通过一个隐藏字段

---

在提交表格上填写：

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

---

在提交表格上填写：

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

试试这个

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

一月
二月
01
02
2012
2013

请参见演示中的javascript

试试这个

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

一月
二月
01
02
2012
2013

请参见演示中的javascript

---

@Nate:我比他早1分钟回答了，而且他的回答也没有考虑到您的要求，您希望每个下拉列表的选定值和每个选项标记的文本没有值，因为您的选项标记没有设置值，并且您也没有对元素使用ID。我的答案是不同的，并且说明了您当前的html结构。

$（'select[name=year]option:selected'）。text（）

与

$（'select[name=year]'）相同。val（）

，不是吗？就在没有指定

值的时候，但我认为@Nate应该在它的
选项上添加一些
s
：）
我使用了id，因为在同一个HTML文档中经常会看到
选择[name=year]
两次。@Nate:我比他早一分钟回答，而且他的回答也不能满足你的要求，您希望每个下拉列表的选定值和每个选项标记的文本都不是值，因为您的选项标记没有设置值，并且您也没有为元素使用ID。我的答案是不同的，并且说明了您当前的html结构。
$（'select[name=year]option:selected'）。text（）
与
$（'select[name=year]'）相同。val（）
，不是吗？就在没有指定
值的时候，但我认为@Nate应该在它的
选项上加上一些
s
：）
我使用了id，因为在同一个HTML文档中经常会看到
选择[name=year]
两次。这很巧妙。谢谢你的降职，他很圆滑。谢谢你的演示