Access HTML control in Javascript

  • Thread starter Thread starter Ben
  • Start date Start date
B

Ben

Hi,

I have a ASP page which applied default master page style.

I added a html text control in the ContentPlaceHolder and try to access
it in javascript.
I always got a null value of document.form2.DataType.value.
('document.form2.DataType' is null or not an object)
Could anyone point out error in the following code?

Thanks,

Ben

----------------Begin of ASPX file-----------------
<%@ Page Language="VB" Transaction="Required"
MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
CodeFile="dataPage.aspx.vb" Inherits="DataPage" title="xxxx" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">

<form id="form2">
<div>
<INPUT id="DataType" type=text />
</div>
</form>

<script language="javascript">

function ShowPopup()
{

document.form2.DataType.value = "Raw Data"; //

return true;
}
</script>

</asp:Content>
----------------End of ASPX file-----------------
 
Hi Ben,

I'm not sure why you're adding a form since ASP.NET already has one. Try
something like this?

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" Title="Untitled
Page" %>
<asp:content id="Content2" runat="Server"
contentplaceholderid="ContentPlaceHolder1">
<div>
<input id="DataType" type="text" />
</div>
<script language="javascript">
document.forms[0].DataType.value = "Raw Data"; //
</script>
</asp:content>


Ken
Microsoft MVP [ASP.NET]
 
Thanks, Ken
Your code works fine. The reason is that I want to access control by
form name instead of form index.

Bin
 
Hi Ben,

You'd want to use the form name as it was in the master, not a form that you
add yourself. That would just confuse ASP.NET.

Ken

Ben said:
Thanks, Ken
Your code works fine. The reason is that I want to access control by
form name instead of form index.

Bin

Hi Ben,

I'm not sure why you're adding a form since ASP.NET already has one. Try
something like this?

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master"
Title="Untitled
Page" %>
<asp:content id="Content2" runat="Server"
contentplaceholderid="ContentPlaceHolder1">
<div>
<input id="DataType" type="text" />
</div>
<script language="javascript">
document.forms[0].DataType.value = "Raw Data"; //
</script>
</asp:content>


Ken
Microsoft MVP [ASP.NET]
Click to expand...
Click to expand...
 
Back
Top