Question

I have a fiddle here: http://jsfiddle.net/ybZvv/43/

The problem I have is with the text inputs not changing. Please follow steps in fiddle below so you can see what is happening:

1. When you open fiddle, click on the “Add Question” button, this will add a table row copying the controls from the top into the table row.

2. In the table row click on the “Open Grid” and select button 5. You will see 5 letter buttons appear underneath from A-E.

3. Turn on all of the letter buttons by clicking on them (They should turn green to symbolize that the button is turned on)

4. You will see right at the bottom of the fiddle that it shows all of the text inputs of each value of the buttons which are turned on. This is fine.

5. The problem is here. If you go back into the table row and click on the “Open Grid” link again but this time choose “3”, you will see the letters buttons change to A-C. Now letters D and E are not shown so they are turned off. But problem is that if you go to the bottom of the fiddle, the text input form D and E are still shown, they should be removed.

So my question is: what needs to be changed in the fiddle so that when the user changes their option type, it only displays the text inputs of those buttons which are still on after option has changed?

Answer 1

when you choose a option your code cleans the number box and the letters get changed ok.

The logic you apply to letters with class ‘answerBtns answers’ need to be apply also to the letter at the bottom. You must apply a class and do de process in javascript when get another choose.