11 Kasım 2014 Salı

Javascript kullanarak DataList içerisindeki bir kontrole erişmek

Bir datalist oluşturuyoruz :






<asp:DataList ID="DataList1" runat="server">


    <ItemTemplate>


    <asp:TextBox ID="txt1" runat="server"></asp:TextBox>


    <asp:DropDownList ID="ddl" runat="server"></asp:DropDownList>


    </ItemTemplate>


</asp:DataList>













Kontroller ulaşmak için kullnacağımız fonksiyon :





function getVal()

{

    var datalist = document.getElementById('<%=DataList1.ClientID%>').childNodes[0];

    var tb = datalist.getElementsByTagName("input");


    for (var i=0;i<tb.length;i++)

    {

        //Tip textbox ise değerini almıyoruz

        if (tb[i].type=="text")

        {

        alert(tb[i].value);

        }


       //Tip DropDownList ise değerini almıyoruz

        if (tb[i].type=="select")

        {

        alert(tb[i].options[tb[i].selectedIndex].value);

        }

    }

}





Kolay Gelsin.

Hiç yorum yok:

Yorum Gönder