如何将html表的行id分配给div id? [英] How to assign html table's row id to a div id?
问题描述
大家好,
简单来说,我有一张来自数据库的表。每行都有两个按钮用于更新行并删除行。我正在使用模态,因此我应该打开一个特定的模态(即所选行的模态)
这是我的更新模态的代码
Hello everyone,
Simply, I have a table that comes from database. And every line has two buttons for update the row and delete the row. I am working with modals, therefore I should open a specific modal(ie the selected row's modal)
Here is my update modal's code
<div id="AdresUpdate" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
<h3 id="myModalLabel">Yeni Adres Ekle</h3>
</div>
<div class="modal-body">
<form action="@Url.Action("Ekle", "Adres")" method="get" class="form-horizontal">
<input type="hidden" name="KisiID" value="@Model.KisiID" />
<div class="control-group">
<label class="control-label">
Türü
</label>
<div class="controls">
<select name ="Turu">
<option value="1">İş</option>
<option value="2">Ev</option>
<option value="3">Diğer</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">
İli
</label>
<div class="controls">
<select required id="IlID" name="IlID" data-placeholder="Şehir Seçiniz" tabindex="1">
<option value="">Lütfen seçim yapınız</option>
@foreach (var sehirler in ViewBag.Sehirler)
{
<option value="@sehirler.IlID" >@sehirler.Adi
</option>
}
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">
İlçesi
</label>
<div class="controls">
<select id="IlceID" name="IlceID" data-placeholder="İlçe Seçiniz" tabindex="1">
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">
Semt
</label>
<div class="controls">
<input class="span10" name= "Semt" type="text">
</div>
</div>
<div class="control-group">
<label class="control-label">
Posta Kodu
</label>
<div class="controls">
<input class="span10" name= "PostaKodu" type="text" pattern=".{5,}" maxlength="5">
</div>
</div>
<div class="control-group">
<label class="control-label">Adres Detayı</label>
<div class="controls">
<div class="textarea">
<textarea id="Adresi" name="Adresi" rows="3" cols="5" class="input-block-level" style="height: 70px; width:290px; margin-top: 0px; margin-bottom: 10px;"> </textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal">Vazgeç</button>
<input class="btn btn-primary" type="submit" value="Kaydet" />
</div>
</form>
</div>
</div>
有一个div,其ID是AdresUpdate。
这是我的表格代码;
There is a div and its id is AdresUpdate.
Here is my table code;
<div class="adresler">
<table class="table">
<thead>
<tr>
<th>Şehir</th>
<th>İlçe</th>
<th>Posta Kodu</th>
<th>Adres Türü</th>
<th>Semt</th>
<th>Adres Detay</th>
<th>İşlem</th>
</tr>
</thead>
<tbody>
@foreach (var adres in @ViewBag.KisiAdresleri)
{
<tr>
<td>@Panelium.Utilities.Utily.SehirAdi(adres.IlID)</td>
<td>@Panelium.Utilities.Utily.IlceAdi(adres.IlceID)</td>
<td>@adres.PostaKodu</td>
<td>@Panelium.Models.Sabitler.AdresTipiSoyle(@adres.Turu)</td>
<td>@adres.Semt</td>
<td>@adres.Adresi</td>
<td>
<div class="btn-group">
<a href="AdresUpdate(@adres.AdresID)" class="btn btn-info"><i class="icon-edit"></i> <strong></strong></a>
<a href="@Url.Action("VirtualDelete", "Adres", new { Id = @adres.AdresID })" class="btn btn-danger">
<i class="icon-white icon-trash"></i>
</a>
</div>
</td>
</tr>
}
</tbody>
</table>
</div>
I am trying to do this;
When the user clicks 3rd row’s update buton, let’s say 3rd row’s AdresID is 27, the div should be #AdresUpdate27 and so on.
What am I missing?
I am trying to do this;
When the user clicks 3rd row's update buton, let's say 3rd row's AdresID is 27, the div should be #AdresUpdate27 and so on.
What am I missing?
推荐答案
https://github.com/jeresig/jquery.hotkeys
https://github.com/jeresig/jquery.hotkeys
这篇关于如何将html表的行id分配给div id?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!