在MVC 4中通过javascript将@ html.dropdownlistfor添加到HTML表中 [英] Add @html.dropdownlistfor into HTML table by javascript in MVC 4

问题描述

我尝试这个但是在输出中它只是显示文字而不是下拉菜单



我尝试了什么：

i trying this but in output its simply displaying text not as dropdown

What I have tried:

var table = document.getElementById("tablett");


                  var ddlfront = '<select id="ddlsubject" name="Subjects">';
                  var ddlback = '</select>';
                  //var ddls = 'Html.DropDownList("Subjects", new[] { new SelectListItem { Text = "Select Subject", Value = "Select subject", Selected = true } })';
                   var ddls = 'Html.DropDownListFor(model=>model.Subid, new[] {  new SelectListItem { Text = "Select Subject", Value = "Select Subject", Selected = true }})';
                  
                  for (var i = 0; i < jobj.length; i++) {
                      // Create an empty <tr> element and add it to the 1st position of the table:
                      var row = table.insertRow(0);
                      // Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element: id = "txtdatepicker3",
                      var cell0 = row.insertCell(0);
                      var cell1 = row.insertCell(1);
                      var cell2 = row.insertCell(2);
                      var num = i;
                      //cell0.innerHTML = '@Html.TextBox("Date", string.Empty, new { @style = "width:150px;", @class = "date-picker" })';
                      cell0.innerHTML = '<input class="date-picker" id=' + i + ' name="Date" style="width:150px;" type="text">';
                      content = '<option selected="selected" value=select Subject >select subject</option>';
                      $.each(jobj, function (index, obj) {
                          alert(obj.Sname + obj.Sid);
                          //content += '<option selected="selected" value=' + obj.Sid + ' >' + obj.Sname + '</option>';
                          //                              cell2.innerHTML = '<option value="' + obj.Sid + '">' + obj.Sname + '</option>';
                          // $('#ddlsubj').append('<option value="' + obj.Sid + '">' + obj.Sname + '</option>');
                          ddls += '<option value="' + obj.Sid + '">' + obj.Sname + '</option>';
                          alert("one item added ");
                      });

                      // content += '<option selected="selected" value=select Subject >select subject</option>';
                      var opt = ddls; // ddlfront + content + ddlback;
                      //var opt = ddls + content;
                      cell1.innerHTML = opt;
                      cell2.innerHTML = opt;

推荐答案

.each（jobj， function （index，obj）{
alert（obj.Sname + obj.Sid）;
// content + ='< option selected =selectedvalue ='+ obj.Sid +'>'+ obj.Sname +'< / option>';
// cell2.innerHTML ='< option value ='+ obj.Sid +'>'+ obj .Sname +'< / option>';
//

.each(jobj, function (index, obj) { alert(obj.Sname + obj.Sid); //content += '<option selected="selected" value=' + obj.Sid + ' >' + obj.Sname + '</option>'; // cell2.innerHTML = '<option value="' + obj.Sid + '">' + obj.Sname + '</option>'; //

（'＃ddlsubj'）。append（'< option value ='+ obj.Sid +'>'+ obj.Sname +'< / option>'）;
ddls + = ' < option value =' + obj.Sid + ' >' + obj.Sname + ' < / option>';
alert（ 添加了一项）;
}）;

// content + ='< option selected =selectedvalue = select Subject >选择主题< /选项>';
var opt = ddls; // ddlfront + content + ddlback;
// var opt = ddls + content;
cell1.innerHTML = opt;
cell2.innerHTML = opt;

('#ddlsubj').append('<option value="' + obj.Sid + '">' + obj.Sname + '</option>'); ddls += '<option value="' + obj.Sid + '">' + obj.Sname + '</option>'; alert("one item added "); }); // content += '<option selected="selected" value=select Subject >select subject</option>'; var opt = ddls; // ddlfront + content + ddlback; //var opt = ddls + content; cell1.innerHTML = opt; cell2.innerHTML = opt;

这篇关于在MVC 4中通过javascript将@ html.dropdownlistfor添加到HTML表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！