Question

我有按钮和动态生成的下拉列表。我想在页面加载时访问下拉列表的ID，但自动生成的ID只会给我第一个下拉列表的ID（请查看脚本）。如果你能告诉我如何正确缩进代码，请取悦

<div class="row">
<div class="col-md-9">
<div data-id="@data.id" id="Monday_@data.id">
@foreach (var slot in data.avail_slots)
{
if (slot.day == "Monday"){
<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button>
</div>
}}
</div>
<div data-id="@data.id" id="Tuesday_@data.id">
@foreach (var slot in data.avail_slots)
{if (slot.day == "Tuesday")
{<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal"data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button>
</div>
}
}
</div>
<div data-id="@data.id" id="Wednesday_@data.id">
@foreach (var slot in data.avail_slots)
{if (slot.day == "Wednesday")
{
<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button>
</div>
}
}
</div>
<div data-id="@data.id" id="Thursday_@data.id">
@foreach (var slot in data.avail_slots){
if (slot.day == "Thursday"){
<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button></div>
}}
</div>
<div data-id="@data.id" id="Friday_@data.id">
@foreach (var slot in data.avail_slots){
if (slot.day == "Friday"){
<div class="col-md-3 col-xs-4" style="line-height:2em;"> 
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button>
</div>
}}
</div>
<div data-id="@data.id" id="Saturday_@data.id">
@foreach (var slot in data.avail_slots){
if (slot.day == "Saturday") {
<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button></div>
}
}
</div>
<div data-id="@data.id" id="Sunday_@data.id">
@foreach (var slot in data.avail_slots){
if (slot.day == "Sunday"){
<div class="col-md-3 col-xs-4" style="line-height:2em;">
<button id="appointment_click" data-toggle="modal" data-target="#confirmation" style="margin-bottom:4px" class="pull-left btn btn-pill btn-primary">@slot.time</button></div>}}
 </div>
 </div>         
 <div class="col-md-3">
 <select data-id="@data.id" id="days_@data.id" class="temp">
@foreach (var d in ad_list){
<option value="@d.id">@d.day_name</option>}
</select>
</div>

<script>
var today_number = new Date().getDay();
var today = get_all(today_number)
$('select>option:eq(' + today_number + ')').attr('selected', true);
var id = $('.temp').attr('data-id');


</script>

Answer 1

<select data-id="@data.id" id="days_@data.id" class="temp">语句不在foreach循环中。如果您打算生成多个下拉列表，则将select语句放在foreach循环中，如下所示：

@foreach (var d in ad_list)
{
    <select data-id="@data.id" id="days_@data.id" class="temp">
        <option value="@d.id">@d.day_name</option>
    </select>
}

Answer 2

您需要查看在页面包含大量相同ID的情况下生成的ID，这会导致您出现问题。

但是只有一个ddl，你不需要动态生成的id。它在你的循环之外。

如果您确实需要动态生成ID，请查看here

如何在asp.net mvc中获取自动生成的多个控件的id？

2 个答案: