Question

我想通过使用标签从下面的控件中获取小时和分钟值我也想将值设置为该控件。使用jQuery和javascript。

<td class="ms-dttimeinput" nowrap="nowrap">
    <label for="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateHours" style="display:none">NEndTime Hours</label>
    <select name="ctl00$m$g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce$ff211$ctl00$ctl00$DateTimeField$DateTimeFieldDateHours" id="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateHours">
        <option selected="selected" value="00:">00:</option>
        <option value="01:">01:</option>
        <option value="21:">21:</option>
        <option value="22:">22:</option>
        <option value="23:">23:</option>
    </select>&nbsp;

    <label for="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateMinutes" style="display:none">NEndTime Minutes</label>
    <select name="ctl00$m$g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce$ff211$ctl00$ctl00$DateTimeField$DateTimeFieldDateMinutes" id="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateMinutes">
        <option selected="selected" value="00">00</option>
        <option value="05">05</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="20">20</option>
        <option value="25">25</option>
        <option value="30">30</option>
        <option value="35">35</option>
        <option value="40">40</option>
        <option value="45">45</option>
        <option value="50">50</option>
        <option value="55">55</option>
    </select></td>

Answer 1

使用标签标签

中的文字获取hr和min的值

var hr,min;
$(".ms-dttimeinput label").each(function() {
    var lbl = $(this);
    if(lbl.text() == "NEndTime Hours")
        hr = lbl.next("select").val();
    if(lbl.text() == "NEndTime Minutes")
        min = lbl.next("select").val();
});

使用标签标签

中的文字设置hr和min的值

var hr = "01";
var min = "o5";
$(".ms-dttimeinput label").each(function() {
    var lbl = $(this);
    if(lbl.text() == "NEndTime Hours")
        lbl.next("select").val(hr);
    if(lbl.text() == "NEndTime Minutes")
        lbl.next("select").val(min);
});

如果页面上只有一个小部件，则更实用的方法是使用类名选择器“ms-dttimeinput”和后代标记选择器“select”以及第n个子类“：nth-child（）”。

var hr = $(".ms-dttimeinput select:nth-child(1)").val();
var min = $(".ms-dttimeinput select:nth-child(2)").val();

$(".ms-dttimeinput select:nth-child(1)").val(hr);
$(".ms-dttimeinput select:nth-child(2)").val(min);

按标签时间字段获取字段值，如下所示。

1 个答案: