c# - 如何使用javascript在Asp.Net Gridview中获取html标签？

Question

我想使用 javscript 在我的 Gridview 中获取选择标签。

例如:

<asp:GridView ID="GridView1" runat="server">
 <PagerTemplate>
   <table>
    <tr>
     <td>
      <select id="Select" runat="server" ></select>
     </td>
    </tr>
   </table>
  </PagerTemplate>
 </asp:GridView>

我想用 Javascript 填充我的选择标签。

我有这个:

function fillSelectTag(pageNumber) {
 var sel = document.getElementById('Select');
 for (var i = 0; i < pageNumber; i++) {
     var opt = document.createElement('option');
     opt.innerHTML = i;
     opt.value = i;
     sel.appendChild(opt);
 }
 sel.selectedIndex = 0;
}

问题是我的 document.getElementById('Select'); 为 null。

如何获取select标签？

Answer 1

服务器ID在asp.net生成的html中被更改，您需要ClientID，如果您想要网格中的表格，您最好看看DataList或Repeater 。当您在 GridView 中进行选择时，您将拥有与 GridView 行一样多的 select 行。您可以循环遍历 DOM 以获取 id 包含 Select 的所有元素。

for(i=0;i<document.forms[0].length;i++)
{
    e=document.forms[0].elements[i];
    if (e.id.indexOf("Select") != -1 )
    {
       alert(e.id);             
    }       
}