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

我有按钮和动态生成的下拉菜单。我想在页面加载时访问下拉的ID，但自动生成的ID只会给我第一个下拉的ID（请看脚本）。并请，如果你能告诉我如何缩进代码正确如何在asp.net mvc中获取自动生成的多个控件的id？

<div class="row"> 
<div class="col-md-9"> 
<div data-id="@data.id" id="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]"> 
@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="[email protected]" 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>

来源

2016-08-03 Zawar

做所有下拉具有相同的ID？ –

我正在使用数据ID给他们不同的ID。我无法在网页加载时访问它 – Zawar

的<select data-id="@data.id" id="[email protected]" class="temp">语句是foreach循环之外。如果你打算生成多个下拉菜单，然后把select语句foreach循环里面，如下：

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

来源

2016-08-03 07:36:59

-1

你需要看看在页面有很多相同的ID的瞬间生成的ID的存在这将导致你的问题。

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

如果您确实需要动态生成的Id看看here

来源

2016-08-03 07:42:16

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

回答

相关问题