在javascript中的gridview div標簽內獲取文本框值

Question

我在div標簽內有一個文本框，該標簽位於gridview 。 下面是代碼：

<asp:TemplateField HeaderText="Color">
    <ItemTemplate>                  

         <div id="preview" style="width:100%; float:right">
             <asp:TextBox ID="TB_color" runat="server" Width="50%" ReadOnly="true"></asp:TextBox>
         </div>
        <ajaxToolkit:ColorPickerExtender ID="ColorPickerExtender1" runat="server" targetcontrolid="TB_color" samplecontrolid="preview" PopupPosition ="Right" OnClientColorSelectionChanged="colorChanged" />                         
    </ItemTemplate>
</asp:TemplateField>

如何在JavaScript中讀取（或循環遍歷）TextBox TB_color值？

Answer 1

您可以找到包含TB_color ID，以查找所有文本框，因為asp.net生成包含TB_color ID

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

如果您可以使用jQuery，那么它將非常簡單。

$('[id*=TB_color]').each(function(){
  console.log(this.id);
});

您可能會了解有關jquery的更多信息[屬性包含選擇器[name * =“ value”]]或屬性以選擇器[name ^ =“ value”開始]

Answer 2

您真正想完成什么？ 也許遍歷文本字段不是最佳選擇。

您可以嘗試將ClientIDMode設置為predictable ，這樣html上文本字段的ID將類似於gridId_rowId_preview_TB_color。

如果要對所有TB_color文本字段進行操作，則可以將某些類設置為項目模板，並獲取具有該類的所有元素。