在Gridview中加入Dropdownlist模板列，加入DropDownlist 是一种常用的操作，其中涉及到如何获取选择项和Gridview重新绑定两个要点。
如图
前台代码如下
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 5 <html xmlns="http://www.w3.org/1999/xhtml"> 6 <head > 7 <title></title> 8 <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> 9 <script language="javascript" type="text/javascript"> 10 11 function vary() { 12 13 var table = document.getElementById("<%=grv1.ClientID %>"); 14 var finished = 1; 15 for (var i = 1; i < table.rows.length; i++) { 16 var filled = table.rows[i].cells[1].getElementsByTagName("select")[0].value; 17 if (filled == 0) { finished = 0; break; } 18 } 19 if (finished == 0) { alert("Self Not finished"); return false; } 20 else return true; 21 } 22 23 function vary2() { 24 var finished = 1; 25 var selects = document.getElementsByTagName("select"); 26 if (selects.length > 0) 27 for (var i = 0; i < selects.length; i++) { 28 if (selects[i].id.indexOf("ddlself", 0) > 0) 29 { 30 if (selects[i].value == 0) 31 { finished = 0; break; } 32 } 33 34 } 35 if (finished == 0) { alert("Not finished!"); return false; } 36 else return true; 37 38 } 39 function vary3() { 40 41 var finish = 1; 42 $('table[id$=grv1]').find('tr').each(function (row) { 43 $ddl = $(this).find('select'); 44 if ($ddl != "undefined") { 45 var d = $ddl.val(); 46 if (d == 0) { finish = 0; } 47 } 48 49 }); 50 if (finish == 0) { alert("Not finished!"); return false; } 51 else return true; 52 } 53 54 function test() { 55 var select = document.getElementById("ddl"); 56 if (select.value == 0) { alert("not finished"); return false; } 57 else return true; 58 } 59 60 // $(document).ready(function(){$("input[id$=btnSave]").click(function(){vary3();});}) 61 </script> 62 63 </head> 64 65 <body> 66 67 <form > 68 <div> 69 <table width="100%"><tr > 70 <td width="50%" align="center"><asp:gridview ID="grv1" runat="server" 71 GridColor="Black" AutoGenerateColumns="False" 72 onprerender="grv1_PreRender" > 73 <Columns> 74 <asp:BoundField HeaderText="Comments" DataField="Name" /> 75 <asp:TemplateField HeaderText="Self"> 76 <ItemTemplate> 77 <asp:DropDownList ID="ddlself" runat="server"> 78 <asp:ListItem Value="0" Text="N/A"></asp:ListItem> 79 <asp:ListItem Value="1" Text="1"></asp:ListItem> 80 <asp:ListItem Value="2" Text="2"></asp:ListItem> 81 <asp:ListItem Value="3" Text="3"></asp:ListItem> 82 <asp:ListItem Value="4" Text="4"></asp:ListItem> 83 <asp:ListItem Value="5" Text="5"></asp:ListItem> 84 </asp:DropDownList> 85 </ItemTemplate> 86 </asp:TemplateField> 87 <asp:TemplateField HeaderText="Supervisor"> 88 <ItemTemplate> 89 <asp:DropDownList ID="ddlsupervisor" runat="server"> 90 <asp:ListItem Value="0" Text="N/A"></asp:ListItem> 91 <asp:ListItem Value="1" Text="1"></asp:ListItem> 92 <asp:ListItem Value="2" Text="2"></asp:ListItem> 93 <asp:ListItem Value="3" Text="3"></asp:ListItem> 94 <asp:ListItem Value="4" Text="4"></asp:ListItem> 95 <asp:ListItem Value="5" Text="5"></asp:ListItem> 96 </asp:DropDownList> 97 </ItemTemplate> 98 </asp:TemplateField> 99 </Columns> 100 </asp:gridview></td><td width="50%"></td></tr> 101 </table> 102 <table width="100%"> 103 <tr><td width ="30%"></td><td width ="30%"><asp:Button ID="btnSave" Text="Save" 104 runat="server" onclick="btnSave_Click"/></td><td></td></tr> 105 </table> 106 </div> 107 </form> 108 </body> 109 </html>