Question

I am trying to add some multiple form fields in separate divs. But by adding some divs with buttons i get the following error when i click a button within a div:

Object # has no method ‘click’

I get this error when i move the </form> tag under a second or third div. I don’t get an error when i put the </form right under my first div. The form has a total of 4 divs all with a bunch of buttons.

The next button just shows the next bunch of buttons (simple jquery slideup/slidedown). Each button triggers a function called win() like so

<input type=button class="team round1" value="a1" name="WIN0_1" onclick="win(this)"/>

Now per div i have given some buttons the same name (for example: name="WIN0_1" exists 4 times)

Sorry for this chaotic post, but i hope someone has a suggestion

PS: as for the form in seperate divs i followed this tutorial.

Answer 1

alright so based on you code http://jsfiddle.net/123js/Xm5Rt it looks like by copying the div’s with input’s you get a collection of buttons on this line:

var winnerButton = winner.form.elements["WIN"+nextlevel+"_"+nextgame];

so winnerButton isn’t 1 but multiple buttons.

when trying to trigger a click() on a collection of elements you get the error you mentioned.

The solution could be many things… To know sure you have to post the complete html (form + div’s + input’s) so we could have a beter look.