Access HTML control in Javascript

Discussion in 'ASP .Net' started by Ben, Jun 19, 2006.

  1. Ben

    Ben Guest


    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?



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

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

    <script language="javascript">

    function ShowPopup()

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

    return true;

    ----------------End of ASPX file-----------------
    Ben, Jun 19, 2006
    1. Advertisements

  2. Ben

    Ben Guest

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

    Ben, Jun 19, 2006
    1. Advertisements

  3. 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"
    <input id="DataType" type="text" />
    <script language="javascript">
    document.forms[0].DataType.value = "Raw Data"; //

    Microsoft MVP [ASP.NET]
    Ken Cox [Microsoft MVP], Jun 19, 2006
  4. Ben

    Ben Guest

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

    Ben, Jun 19, 2006
  5. 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 Cox [Microsoft MVP], Jun 20, 2006
  6. Ben


    Sep 19, 2011
    Likes Received:
    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' />");


    for more details please check out the following link...... html controls dynamically

    :yell:Thanks !!!
    JohnPantoo, Sep 21, 2011
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.