document.getElementById doesnt work in master page

vikram_bendre · July 26th, 2006, 07:01 AM

Hi all,
I have implemented template.master page in default.aspx. There is one situation where in I have to access asp.net controls (dropdown boxes) in Javascript. For which I have used

var MeetingList = document.getElementById("ddlMeeting_Type_Name");

which does not seem to work at all... :(

experts!! is there any way to overcome this problem?

My guessing is since the default.aspx has no document of its own, document.getElementById is not supported...

Vikram

Imar · July 26th, 2006, 12:50 PM

Hi there,

Take a look at the resulting HTML in the browser. You'll find that .NET has renamed your client ID to something ctrl0_ContentPlaceHolder_ddlMeeting_Type_Name. You'll need to use that ID to reference the control.

HtH,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

vikram_bendre · July 27th, 2006, 01:19 AM

WOW!! thanks a lot Imar, I did not even think of it
It is working fine now. thanks again

Vikram

radmunson · December 15th, 2006, 04:56 AM

It's better to use
document.getElementById("<%= ddlMeeting_Type_Name.ClientID %>");

JWayne · August 11th, 2010, 09:36 AM

I've tried this (doesn't work):

<asp:TextBox ID="tbxSearchText" runat="server" onkeydown="if (event.keyCode == 13) document.getElementById('<%#btnSearch.ClientID%>') .click()"/>

When viewing source I see:
document.getElementById('<%#btnSearch.ClientID% >').click()

And I've tried this:

<asp:TextBox ID="tbxSearchText" runat="server" onkeydown="if (event.keyCode == 13) document.getElementById('<%#btnSearch.ClientID%>') .click()"/>

When viewing source I see:
document.getElementById('<%=btnSearch.ClientID% >').click()

I think the inline asp code isn't being processed. Any ideas? Thanks for your help.

Imar · August 11th, 2010, 09:56 AM

You can add the onkeydown programmatically in code behind like this:

Code:

 
TextBox1.Attributes("onkeydown") = String.Format("alert('{0}');", Button1.ClientID)

Cheers,

Imar

JWayne · August 11th, 2010, 11:45 AM

I did modify it a bit, but it only seems to cause a postback. The purpose is to have the search box submit the form the same as the button does when the user presses Enter while in the text box.

Here is my aspx code:
<asp:TextBox ID="tbxSearchText" runat="server" />
<asp:Button ID="btnSearch" runat="server" Text="Go!" OnClick="btnSearch_Click" />

My Code behind:
tbxSearchText.Attributes.Add("onkeydown", "if(event.keyCode == 13) document.getElementById('" + btnSearch.ClientID + "').click();");

Viewing Source:
<input name="ctl00$tbxSearchText" type="text" id="ctl00_tbxSearchText" onkeydown="if(event.keyCode == 13) document.getElementById('ctl00_btnSearch').click() ;" />
<input type="submit" name="ctl00$btnSearch" value="Go!" id="ctl00_btnSearch" />

Imar · August 11th, 2010, 11:50 AM

I think what you're looking for is the DefaultButton:

http://msdn.microsoft.com/en-us/libr...ultbutton.aspx
http://www.google.com/#hl=en&source=hp&q=DefaultButton

Cheers,

Imar