如何将2个下拉值组合在一起

时间:2018-07-26 09:29:23

标签: c# model-view-controller drop-down-menu

我遇到了一个由前一个家伙创建的旧项目。他在MVC .shtml模板中具有这组代码,允许用户选择一个时隙。现在,我必须将2个选择列表组合为一个选择列表。

@{ DateTime from = ViewBag.From, to = ViewBag.To;}

<label>Time slots</label>
@while (from.Date <= to.Date)
{
    var guid = Guid.NewGuid();
    <div id="@guid" class="timeslot-subcontainer">
        <div style="display:inline-block;" class="@guid slot-date" iso-date-val="@from.ToString("dd/MM/yyyy")">@from.ToString("dd/MM/yyyy")</div>:&nbsp;
        <div style="display:inline-block;">
            <select class="form-control @guid slot-from">
                <option value="8">08:00</option>
                <option value="9">09:00</option>
                <option value="10">10:00</option>
                <option value="11">11:00</option>
                <option value="12">12:00</option>
                <option value="13">13:00</option>
                <option value="14">14:00</option>
                <option value="15">15:00</option>
                <option value="16">16:00</option>
                <option value="17">17:00</option>
                <option value="18">18:00</option>
                <option value="19">19:00</option>
                <option value="20">20:00</option>
            </select>
        </div>
        <div style="display:inline-block;">
            <select class="form-control @guid slot-to">
                <option value="8">08:00</option>
                <option value="9">09:00</option>
                <option value="10">10:00</option>
                <option value="11">11:00</option>
                <option value="12">12:00</option>
                <option value="13">13:00</option>
                <option value="14">14:00</option>
                <option value="15">15:00</option>
                <option value="16">16:00</option>
                <option value="17">17:00</option>
                <option value="18">18:00</option>
                <option value="19">19:00</option>
                <option value="20">20:00</option>
            </select>
        </div>
        @{from = from.AddDays(1);}
    </div>
}

我想将它们合并到一定的时间范围内,例如<option value="">8:00-10:00</option>,这样我就可以同时获得slot-from和slot-to的值

0 个答案:

没有答案