【问题标题】:PHP-jQuery - How to populate dropdown with month name and set value to month numberPHP-jQuery - 如何使用月份名称填充下拉列表并将值设置为月份编号
【发布时间】:2016-09-01 23:43:01
【问题描述】:

我正在尝试用月份名称填充一个下拉列表,另一个带有天数,另一个带有年份,一切都很好,除了我在将 设置为月份编号而不是月份名称时遇到问题。

这就是我所拥有的。

<script>
$('document').ready(function()
{
var minOffset = -70, maxOffset = -17;
var thisYear = (new Date()).getFullYear();
var m_names = ['January', 'February', 'March','April', 'May', 'June', 'July','August', 'September', 'October','November', 'December'];
var month = 0;

for (var j = month; j <= 11; j++)
    {
        var months = m_names[ 0 + j].slice( 0, 3 );
        $('<option>', {value: months, text: months}).appendTo("#dob_month");
    }

for (var i = minOffset; i <= maxOffset; i++)
    { 
        var year = thisYear + i;
        $('<option>', {value: year, text: year}).appendTo("#dob_year");
    }
});
</script>

天数选项目前以 1-31 的形式硬编码(可能需要帮助以填充每个月的正确天数,2 月始终为 29)。

如何将选项值设置为例如01一月时?

我愿意接受除此之外的任何其他建议。请记住,我最终将连接年月日以检查数据库中的日期。

【问题讨论】:

    标签: javascript php jquery html


    【解决方案1】:

    只需将月份值更改为 j+1

    喜欢这个

    $('<option>', {value: j+1, text: months}).appendTo("#dob_month");
    

    【讨论】:

      【解决方案2】:

      如果我的理解正确,那么这应该可以:

      $('&lt;option&gt;', {value: j+1, text: months}).appendTo("#dob_month");

      【讨论】:

      • 谢谢埃文·泰勒。我已经接受了戴维德的回答。你们两个有相同的方法,但我先读了他的。
      【解决方案3】:
      for (var j = month; j <= 11; j++)
          {
              var months = m_names[ 0 + j].slice( 0, 3 );
              $('<option>', {value: j+1, text: months}).appendTo("#dob_month");
          }
      

      将月份的值设置为 1、2 等。这将是 j+1,因为 j 从 0 开始

      【讨论】:

      • 谢谢。我只会赞成您的回复,但不接受它,因为戴维德的回复是第一位的,而且都是相同的,而且它们有效。我接受了他的回应,因为这是第一次。
      【解决方案4】:

      如果我明白你想要什么,试试这个:

      for (var j = 1; j <= 12; j++)
          {
              var val;
              if (j<10)
                  val="0"+j
              else
                  val=j
      
              $('<option>', {value: val, text: m_names[j-1],slice(0,3)}).appendTo("#dob_month");
          }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-12-26
        • 1970-01-01
        • 2015-01-14
        • 1970-01-01
        • 2017-02-19
        • 2011-06-04
        • 2021-10-03
        相关资源
        最近更新 更多