我想向从服务器获取数据的动态表的每一行添加 静态下拉列表 , 我将如何做? 我想像这样,( 请检查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); } });
点击演示