Access HTML control in Javascript

[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-----------------

 

[Ben]

I found that it works with 'document.forms[0].DataType.value'.

Ben

 

[Ken Cox [Microsoft MVP]]

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]

 

[Ben]

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

Bin

 

[Ken Cox [Microsoft MVP]]

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

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]

 

[JohnPantoo]

Re: Creating html control dynamically in javascript

:listen:Hi Everyone,
Here some snippet code for creating html control dynamically in javascript....
<script type="text/javascript"> function createUserInterface() {
document.write("<form id='form1'>");
document.write("Employee Id :&nbsp;&nbsp; <input type='text' id='tt1' /> <br />");
document.write("Employee Name :&nbsp;&nbsp; <input type='text' id='tt2' /><br />");
document.write("Employee Age :&nbsp;&nbsp; <input type='text' id='tt3' /><br />");
document.write("Employee City :&nbsp; <select id='selectCity'><option value='Allahabd'>Allahabd</option>");
document.write("<option value='Lucknow'>Lucknow</option><option value='Kanpur'>Kanpur</option></select><br />");
document.write("<input type='button' id='btnSubmit' value='Submit' />");
document.write("</form>");
}

</script>


for more details please check out the following link......
http://mindstick.com/Articles/ddeb7...97374e9b0/?Creating html controls dynamically


:yell:Thanks !!!