使用javascript访问ASP.NET控件

Question

I have a basic javascript function like this which works as I am able to dynamically change the textbox in a javascript method at runtime.

function MyTst(pVal2) {           
        var x = document.getElementById('<%=myImage.ClientID%>');
        x.src = "/images/write.gif";      

    }

In the above code I need to be generic. So replace '<%=myImage.ClientID%>' with the input param to my method which in this instance is called pVal2 and contains the asp.net server control image id.

Can anyone advise on an approach to do this. I've tried lots of things and just cant seem to get it working.

Thanks for any advice.

Answer 1

You can change the call of the function to make it more flexible

MyTst('<%=myTxtBox.ClientID%>') 

function MyTst(pVal2) {           
        var x = document.getElementById(pVal2);
        x.src = "/images/write.gif";      

    }

Answer 2

What about passing element as parameter

function MyTst(txtElement) {  

   txtElement.src = "/images/write.gif"; 

}

In mark up use this like onclick="MyTst(this)" to pass current element

Note : src property belongs to <img> tag and not for <input type=text>

Answer 3

I managed to resolve this with the help of JQuery and this website. So it is entirely possible to access server controls through javascript. Here is the helpful page. enter link description here

Here is the code I used. I hope it of use to somebody.

function MyTst(pVal) {
        var x = document.getElementById($("[id$=" + pVal2 + "]").attr("id"));
        x.src = "/images/write.gif";
    }