首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >动态创建选择标签JQuery

动态创建选择标签JQuery
EN

Stack Overflow用户
提问于 2019-01-28 17:09:35
回答 2查看 47关注 0票数 0
代码语言:javascript
运行
复制
      $.each(result, function() {
                                $.each(this, function(k, item) {
                                    var s = $("<select id=\"selectId\" name=\"selectName\" />");

                         html += '<tr>'; 
                         html += '<td>' + item.id + '</td>';    
                         html += '<td>' + item.admno + '</td>';
                         html += '<td>' + item.stud_name + '</td>'; 
                         html += '<td>' + item.remark + '</td>';          
                         html+= '<td>'+s+'</td>';
             for(var val in item) 
        {
         $("<option />", {value: val.id, text: item[val.stud_name]}).appendTo(s);
            }
 html += '</tr>'; 
 });
            });
           $('.tbody').html(html);

我必须在我尝试使用$(s).wrap添加的注释后面添加select标记。帮助我使用jquery动态添加select

EN

回答 2

Stack Overflow用户

发布于 2019-01-28 17:32:28

试试这个:

代码语言:javascript
运行
复制
var result = [];
var obj = {};
obj.id = 1;
obj.admno = '123';
obj.stud_name = 'Ali';
obj.remark = 78;
result.push(obj);

var obj2 = {};
obj2.id = 1;
obj2.admno = '235';
obj2.stud_name = 'Ahmad';
obj2.remark = 78;
result.push(obj2);

$.each(result, function( index, item ) {

  var html = '';
  html += '<tr>'; 
  html += '<td>' + item.id + '</td>';    
  html += '<td>' + item.admno + '</td>';
  html += '<td>' + item.stud_name + '</td>'; 
  html += '<td>' + item.remark + '</td>';   



  var select = "<select id='selectId' name='selectName' >";

  $.each(result,  function(i,val)
        {
          select += 
            "<option  value = '" + val.id + "'>" + val.stud_name + " </option>";

             }
         );
    select += "</select>";

    html += '<td>'+select+'</td>';

    html += '</tr>'; 

  $('.tbody').append(html);

});
票数 0
EN

Stack Overflow用户

发布于 2019-01-28 17:50:54

尝尝这个

代码语言:javascript
运行
复制
$.each(result, function() {
                         $.each(this, function(k, item) {


                         html += '<tr>'; 
                         html += '<td>' + item.id + '</td>';    
                         html += '<td>' + item.admno + '</td>';
                         html += '<td>' + item.stud_name + '</td>'; 
                         html += '<td>' + item.remark + '</td>';          
                         html+= '<td>';
                         html += "<select id=\"selectId\" name=\"selectName\" >";

                       for(var val in item) 
                        {
                          html+="<option value="+val.id+">item[val.stud_name]</option>", 

                        }

                        html+= '</select>';
                        html+= '</td>';
                        html += '</tr>'; 
                       });
                     });

                $('.tbody').html(html);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54398597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档