当前位置: 首页 > 面试题库 >

如何在从服务器获取数据的动态表的每一行中添加下拉列表?

龙新荣
2023-03-14
问题内容

我想向从服务器获取数据的动态表的每一行添加 静态下拉列表我将如何做?
我想像这样,( 请检查drop downlist type
),但是它也会从服务器获取数据,列的每一行都会有drop drownlist。

感谢@angu,以下内容已更新,可正常工作

下拉列表的结构。

    <select >       
        <option value="1">NewJob</option>
        <option value="2">InProgress</option>
        <option value="3">CloseJon</option>
    </select>

动态表

    <div class="span9" id="content">        
        <div class="row-fluid">
            <div class="block">
                <div class="navbar navbar-inner block-header">
                    <div class="muted pull-left">Carpenter Services</div>
                </div>
                <div class="block-content collapse in">
                    <div class="span12">
                         <table class="data-contacts1-js table table-striped" >
                              <thead>
                                <tr>
                                      <th>ID</th>
                                      <th>Customer Name</th>
                                      <th>Customer Mobile</th>
                                      <th>Customer Email</th>                                                                             
                                </tr>
                              </thead>
                          <tbody>

                          </tbody>
                        </table>                                    
                   </div>


    <button id="fetchContacts1" class="btn btn-default" type="submit">Refresh</button>                          
                </div>
            </div>
            <!-- /block -->
        </div>

的JavaScript

<script>
             function fetchData1(){                          
                $(".data-contacts1-js tbody").empty();
                $.get("http://localhost/service/Services.php", function(data) {                    
                   var obj=JSON.parse(data);                       
                   for(var i in data){
                     var tr=$("<tr></tr>");
                     tr.append(
                            "<td>" + obj[i].b_id + "</td>" +
                            "<td>" + obj[i].cust_name + "</td>" +                           
                            "<td>" + obj[i].cust_mobile + "</td>" +                           
                            "<td>" + obj[i].cust_email + "</td>"
                        );
                    tr.append("<select class='input-small'><option value='New Job'>NewJob</option><option value='WIPJob'>WIP Job</option></select>");
                     $(".data-contacts1-js tbody").append(tr);
                     i++;
                   }
                });
            }

             $(document).ready(function(){
                  $(".data-contacts1-js tbody").empty();
                $('#fetchContacts1').click(function() {
                     fetchData1();
                });
            });
        </script>

问题答案:

用它。我认为这对您有帮助

jQuery代码生成动态附加行:

$(function(){

    for(var i=0;i<3;i++){
       var trd="";
    trd +="<tr>";
    trd +="<td>";
    trd+="<select class='input-small'><option value=''>Type</option><option value=''>Type1</option></select>";
    trd+="</td>";
    trd+="<td><input type='text'> </td>";
    trd+="<td><input type='text'> </td>";
    trd+="</tr>";
         $(".table-bordered tbody").append(trd); 
    }



});

点击演示



 类似资料:
  • 本文向大家介绍Ajax动态为下拉列表添加数据的实现方法,包括了Ajax动态为下拉列表添加数据的实现方法的使用技巧和注意事项,需要的朋友参考一下  1. 前台jsp,新建一个下拉控件 2. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充 3. 新建一个servlet页面,用来向Ajax返回数

  • 我的数据帧像这样: 我得到了概率栏 结果是: 但是我想获取每行的第一列数据,如下所示: 如何做到这一点? 输入为标准随机林输入,输入上方为<code>val数据=预测。选择(“文档ID”,“概率”) root|--docID: string(nullable=true)|--标签:双(nullable=false)|--特征:向量(nullable=true)|--indexedLabel:双(n

  • 我需要帮助将这些值动态添加到mysql数据库的下拉列表中。 工作流程: 在我的jsp页面中, 1.国家名称是servlet的会话属性 2.Sate是一个自动完成的文本框 3.District是下拉列表。 根据国家名称,州文本框将通过自动完成填充,地区名称是一个下拉列表,其中地区名称应动态添加到下拉列表中 问题: 我需要根据位置和州将地区名称的值添加到下拉列表中。 我的数据库查询是“从位置列表中选择

  • MVC模式:servlet JSP页面。我有一个(基本)外观的class

  • 问题内容: 我有一个包含html表单的网站,在此表单中,我有一个下拉列表,其中包含在该公司工作的代理的列表,我想从MySQL数据库中获取数据到该下拉列表,因此当您添加新代理时,他的名字将会出现作为下拉列表中的一个选项。 您能帮我编码这个php代码吗,谢谢 问题答案: 为此,您要遍历查询结果的每一行,并将此信息用于下拉菜单的每个选项。您应该能够轻松调整以下代码,以满足您的需求。

  • 如何将Sencha按钮添加到列表的每一行?我在图像中添加了文本占位符,以说明按钮应该放在哪里。