How to create dynamic id to the controls

Question

0.00/5 (No votes)

See more:

Hi folks,

Can any one help me how to generate dynamic id's to the controls..

here my sample code.... Thanks in Advance..

 var tbl = document.getElementById('maintable');
var newcell = newRow.insertCell();
    newcell.innerHTML = "<input type='checkbox' name='t1' id='ck1' >";



    newcell = newRow.insertCell();
    newcell.innerHTML = "<input type='text' name='t3'>";

    newcell = newRow.insertCell();
    newcell.innerHTML = " <div id='hiddenpannel1' style='visibility: hidden; width: '100%''><table><tr><td> <select id='hiddenpanel1select' style='visibility: hidden'></select></td></tr><tr><td>  <input type='submit' name='Add' value='Add' style='width: 50px;' onclick='return addFields('hiddenpanel1select','content1')' /></td><td><input type='submit' name='Canel' value='Cancel' style='width: 50px;' /></td></tr></table></div>";


      newcell=newRow.insertCell();
    newcell.innerHTML="<select name='selecttype' id='selecttype' onchange='return show(selecttype,hiddenpannel1)' style='width: 100px;'> <option value='INPUT'>INPUT</option>  <option value='CHECKBOX'>CHECKBOX</option> <option selected='selected' value='SELECT'>SELECT</option> <option value='RADIO'>RADIO</option> </select>";





    newcell=newRow.insertCell();
    newcell.innerHTML="<input type='checkbox' name='t5'/>";


              }

Posted 18-May-11 18:03pm

hiseshu

Updated 18-May-11 18:07pm

walterhevedeich

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhinav S · Answer 1 · 2011-05-18T18:07:00

It isn't that difficult.
You are already building your controls through code.

Look at the following line -
newcell.innerHTML = " <div id='hiddenpannel1' style

Instead of using hiddenpabnnel1 you can do this
newcell.innerHTML = " <div id='" + GetDynamicName() + "' style

The GetDynamicName() will use some sort of logic to get a name for you.
Very simply, you can keep a counter inside the method and keep incrementing it every time a new name is generated. So, you would get names like hiddenpannel1, hiddenpannel2, hiddenpannel3 returned.

There is lots more you can do to create dynamic control (name generated by control type etc.), but I will leave that for you to try out.

LakshmiNarayana Nalluri · Answer 2 · 2011-05-18T19:33:00

Solution 2

using placeholder control or panle you can create dynamic controls as per your requirement like id's.

lable l;
textbox t;
for(int i=0;i<2;i++)
{
l=new lable();
l.id=i.tostirng();
...
t=new textbox;
t.id=i.tostring();
....
}
placeholder1.controls.Add(l);
placeholder1.controls.Add(t);

Posted 18-May-11 19:33pm

LakshmiNarayana Nalluri