Javascript - getElementById.innerHTML Problem

Question

I want to create a simple formular which leads the user to 2 different pages (depending on what they choose). I'am using getElementById.innerHTML to differ the code within the site to create the two different <form action="SENDTHEUSERHERE" method="POST">-HTML-Elements. Here's the code:

 if (blabla which works) 
  { 
    document.getElementById("insert").innerHTML = "<form action='insert.php' method='POST'>"; 
  }
 else if (blabla which works) 
  { 
    document.getElementById("service").innerHTML = "<form action='service.php' method='POST'>";  
  }

 // MORE BLABLA-CODE

  <span id='insert'></span>
  <span id='service'></span>

  // REST OF THE FORMULAR

When I'am sending this formular, it leads me simply to the same page it was sent from. I guess that means, that those .innerHTML-Elements aren't recognized. Have you any suggestions how I can solve this? Btw.. yes, I'am a Javascript Noob -_-

Thanks for any help!

Can't you make the form a definite presence on the page and give it an id. Then use javascript to get it and change its action attribute? — Psyrus
– Psyrus, Commented Aug 30, 2011 at 21:43
There is not enough detail here to determine what's wrong. Post a complete example. — lincolnk
– lincolnk, Commented Aug 30, 2011 at 21:44

65Fbef05 · Accepted Answer · 2011-08-30 21:45:00Z

3

Just change the form action instead of using innerHTML...

if (conditionOne) {
    document.forms['formName'].action = 'insert.php';
} else if (conditionTwo) {
    document.forms['formName'].action = 'service.php';
} else {
    alert('Error!');
}

answered Aug 30, 2011 at 21:45

65Fbef05

4,5221 gold badge24 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Don Rhummy · Accepted Answer · 2011-08-30 21:42:46Z

2

You're going to have to post either your full HTML page + javascript code or a working example showing the problem. From the little you posted, it's impossible to tell what could be wrong.

But, that said, you're going about this problem in the wrong way. Instead of changing the innerHTML of some nodes, have one form with no action, and then in javascript do something like:

<form id="myForm">

var myForm = document.getElementById( "myForm" );
myForm.action = ( someConditionHere ) ? "insert.php" : "service.php";

answered Aug 30, 2011 at 21:42

Don Rhummy

26.1k53 gold badges197 silver badges364 bronze badges

1 Comment

Crayl Over a year ago

That would more than 370 lines of code. I guess nobody want to read that. :) I think the problems comes from the .innerHTML-thing

James · Accepted Answer · 2011-08-30 21:45:48Z

1

If your example is what you need to do, you can just modify the action attribute of an existing form.

<form method='post' action='nowhere'>
<stuff>
</form>

<script type='text/javascript'>
if (something) {
  document.forms[0].action = 'insert.php';
} else {
  //etc
}
</script>

answered Aug 30, 2011 at 21:45

James

22.4k5 gold badges30 silver badges44 bronze badges

Collectives™ on Stack Overflow

Javascript - getElementById.innerHTML Problem

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related