Is it possible to generate form objects from JavaScript?

@erick30Mar 19.2004

Is it possible to generate an Html form object from a JavaScript function? Because I have a dropdownlist (a Select form object in asp.net vb.net page) in which the user has to choose an option, and if he/she choose the option 7 an ‘input text’ form object has to appear, and if she/he choose whatever option after choose option 7 it has to disappear. For instance something like this:

[code] function checkOtherAct() {

var userAct = document.formName.userA.value var myTD = document.getElementById(“specificAct”);

switch(userAct) {

case “0”: myTD… //No input text break;

case “1”: myTD… //No input text break; …

case “7”: myTD… //An input text break;

default: break;

} } checkOtherAct(); [/code]

On the form:

[code] <td><asp:dropdownlist id=”userA” onChange=”checkOtherAct()” runat=”server”…></asp:dropdownlist></td> <td id=”specificAct”> </td> [/code]

Thanks

to post a comment

JavaScript

8 Comments(s) _↴

@olafMar 19.2004 — #of course just use document.write("<input name=...")

@erick30authorMar 19.2004 — #[i]Originally posted by olaf [/i]

[B]of course just use document.write("<input name=...") [/B][/QUOTE]

I have tested this function:

<i>
 </i>function checkAct() {
 
 var otherAct = document.formName.activType.value
 var myTD = document.getElementById("what");
 
 <i>	</i> switch(otherAct) {
 
 <i>	</i>    case "0":
 <i>	</i>	myTD.document.write("");
 <i>	</i>	break;
 
 <i>	</i>	case "1":
 <i>	</i>	myTD.document.write("");
 <i>	</i>	break;
 <i>	</i>	...
 
 <i>	</i>	case "7":
 <i>	</i>	myTD.document.write("&lt;input type='text' name='specificAct'&gt;");
 <i>	</i>    break;
 
 <i>	</i>   default:
 <i>	</i>   break;
 
 <i>	</i>  }
 }
 checkAct();

On the form:

<i>
 </i>&lt;td&gt;&lt;asp:dropdownlist id="userA" onChange=”checkAct();” runat="server"...&gt;&lt;/asp:dropdownlist&gt;&lt;/td&gt;
 &lt;td id="what"&gt;       &lt;/td&gt;

And I receive this error:

[I]

Error: '__ EVENT TARGET' is null or it isn' t an object

Code: 0

Url: about:blank

[/I]

@olafMar 19.2004 — #Set a boolean on true and use an if clause where you want to show the field...

@erick30authorMar 19.2004 — #[i]Originally posted by olaf [/i]

[B]Set a boolean on true and use an if clause where you want to show the field... [/B][/QUOTE]

Sorry but I do not know how can I do this. Would you mind writing it just in my code example please?

@olafMar 19.2004 — #Sorry, but i have no knowledge about ASP

@erick30authorMar 19.2004 — #I think that you don' t need knowledge about ASP, since the (onChange=”checkAct();”...) is the same as we use in html, and the (<td id="what"></td>) is html.

@JayDieMar 19.2004 — #Take a look at:

[URL]http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/createelement.asp[/URL]

The you can set attributes with 'setAttribute' and create the text inside with innerHTML.

Look at the insert.... methods to insert you element.

JayDie

@erick30authorMar 19.2004 — #Good, now runs, thank you ! ?. A little thing more, You know the span element in Html? How can I put a 'span class' from the function? See the 'case:7', I have put it thus but in the page appears '[object]' instead of a red asterisk.

<i>
 </i>function checkAct() {
 
 var otherAct = document.formName.activType.value
 var myTD = document.getElementById("what");
 var myTD2 = document.getElementById("title");
 
 <i>	</i> switch(otherAct) {
 
 <i>	</i>                case "0":
 <i>	</i>	myTD2.innerHTML = "";
 <i>	</i>	myTD.innerHTML = "";
 <i>	</i>	break;
 
 <i>	</i>	case "1":
 <i>	</i>	myTD2.innerHTML = "";
 <i>	</i>	myTD.innerHTML = "";
 <i>	</i>	break;
 
 <i>    </i>                            ...
 
 
 <i>	</i>	case "7":
 <i>	</i>	myTD2.innerHTML = document.createElement("&lt;span class='astRed'&gt;*&lt;/span&gt;") + "Activity:";
 <i>	</i>	var whatAct = document.createElement("&lt;INPUT TYPE='text' NAME='actS'&gt;")
 <i>    </i>    myTD.insertBefore(whatAct);
 
 
 <i>	</i>    break;
 
 <i>	</i>   default:
 <i>	</i>   break;
 
 <i>	</i>  }
 }
 checkAct();

Also in #JavaScript _↴

Events with Shift, Ctrl or Alt key pressed Printing hidden frame in Netscape 7.1 using Javascript prints blank page.where the function can be used ?

Success!

Help @erick30 spread the word by sharing this article on Twitter...

Tweet This

Is it possible to generate form objects from JavaScript?

8 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Is it possible to generate form objects from JavaScript?

8 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

8 Comments(s) _↴

Also in #JavaScript _↴