javascript - 通过标签时间字段获取字段值，如下所示。

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

使用 label 标签中的文本获取 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);