Привет У меня есть следующая проблема: у меня есть таблица с некоторыми столбцами, один из которых - это Html.Dropdownlist, который уже был заполнен. Я пытаюсь клонировать это, нажав кнопку с помощью javascript. Я могу клонировать всю строку, но после того, как я клонировал список @ Html.Dropdownlist, перестает работать. Я могу открыть список @ Html.Dropdownlist, но я не могу выбрать параметры. Может кто-нибудь мне помочь? Спасибо заранее.Clone @ Html.DropdownList с помощью javascript Asp.Net MVC
Вот мой код:
@{
DatabaseContext db = new DatabaseContext();
var actions_list = new SelectList(db.Actions.Select(f => new { f.Id, f.Action }), "Id", "Action");
}
<table>
<thead>
<tbody id="lines-event">
<tr>
<th>#</th>
<th>Action</th>
<th>Data</th>
<th><button type="button" class="btn glyphicon glyphicon-plus pull-right" id="add_row"></button></th>
</tr>
</thead>
<tr id='line-new-event'>
<td class="col-md-1"></td>
<td class="action col-md-3">@Html.DropDownList("Actions", actions_list, htmlAttributes: new { @class = "form-control", data_width = "100%"})</td>
<td class="data"><input type="text" class="form-control edit_data" /></td>
<td class="col-sm-1"><button type='button' class='btn glyphicon glyphicon-trash pull-right delete_row'></button></td>
</tr>
</tbody>
</table>
<script>
$("#add_row").click(function() {
function createGuid() {
function s4() {
return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
}
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
var guid = createGuid();
console.log(guid);
var newLine = $('#line-new-event').clone().removeAttr('id');
$(newLine).find('select').attr("id", guid);
$(newLine).find('select').attr("name", guid);
$(newLine).insertBefore($('#line-new-event'))
});
</script>
Спасибо вам большое :) –