使用Jquery将选择列表设置为当前日期 [英] set select list to current date using Jquery

问题描述

我正在使用Jquery mobile，我有这两个选择列表，我想将to列表的选定选项设置为当前日期和月份..

I am using Jquery mobile, and I have these two select lists, I want to set the selected options for the to lists to the current day and month ..

编辑我正在使用JqueryMobile

edit I am using JqueryMobile

2个列表的代码：

            <fieldset data-role="controlgroup">
            <legend>تاريخ اخر دورة شهرية : </legend>
            <label for="select-choice-day">أختر الشهر</label>
            <select name="select-choice-day" id="select-choice-day">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
                <!-- etc. -->
            </select>


            <label for="select-choice-month">اختر الشهر</label>
            <select name="select-choice-month" id="select-choice-month">
                <option value="1">يناير</option>
                <option value="2">فبراير</option>
                <option value="3">مارس</option>
                <option value="4">إبريل</option>
                <option value="5">مايو</option>
                <option value="6">يونيو</option>
                <option value="7">يوليو</option>
                <option value="8">أغسطس</option>
                <option value="9">سبتمبر</option>
                <option value="10">أكتوبر</option>
                <option value="11">نوفمبر</option>
                <option value="12">ديسمبر</option>
                <!-- etc. -->
            </select>
            </fieldset>

选择当前日期和月份的代码..但它不起作用！

The code for selecting the current day and month .. but it doesn't work !

var today = new Date();
        var day = today.getDate();
        var month = today.getMonth();
        alert(month);
        $('#select-choice-day option').get(day).attr('selected','selected');
        $('#select-choice-month option').get(month).attr('selected','selected');

推荐答案

您的代码存在的问题是 .get（）在jquery对象上返回指定索引处的DOMElement而不是jquery对象，所以你不能在它上面使用.attr（）（来源）。

The problem with your code is that .get() on a jquery object returns the DOMElement at the index specified and not a jquery object anymore, so you cannot use .attr() on it (source).

这是一段有效的代码：

$('#select-choice-day option[value=' + day + ']').prop('selected',true);
$('#select-choice-month option[value=' + (month+1)  + ']').prop('selected',true);

请注意 .prop（）是仅适用于jquery 1.6及以上版本。如果您使用的是旧版本的库，请使用 attr（）。

Please note that .prop() is only available for jquery 1.6 and above. If you are using an older version of the library, use attr() as you do.

这是一个< a href =http://jsfiddle.net/didierg/hRu8f/ =nofollow> jsfiddle

这篇关于使用Jquery将选择列表设置为当前日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！