Member Avatar

Well it looks to me like it starts on JobAcc2, then to JobAcc6, to JobAcc3 then to JobAcc7.
So the order in which you place the dropdowns is important
If you've used a table for the dropdowns, this is probably the issue. If you place the dropdowns into two div columns instead, then this issue should go away.

<div>
    select1
    select2
    select3
    ...
</div>
<div>
    select6
    select7
    select8
    ...
</div>

That means in the DOM, select2 is after select1 (with floated divs, this gives the 'reverse N' pattern)

Whereas in a table:

<table>
<tr><td>select1</td><td>select6</td></tr>
<tr><td>select2</td><td>select7</td></tr>
<tr><td>select3</td><td>select8</td></tr>
</table>

select6 is after select1 and only then do we get select2 ('Z' pattern)

Why the first set of dropdowns aren't included, I couldn't say without seeing the code of the whole page.

Member Avatar

In response to your other thread, which discusses the same sort of issue:

http://jsfiddle.net/diafol666/44Yhq/1/

I suggest you carry on with just the one thread, if the issues are the same.

This will work, but I will create a table of results for each set of dropdowns.

Member Avatar

OK, like: http://jsfiddle.net/diafol666/44Yhq/3/

I'm getting untidy now with fiddles for the row due to separate tables. Can't think :( Been doing the garden (aka jungle) all day and I'm bleeding all over the place. Anyway...

Cool, I need to work in my garden too but is like 115 dregrees outside.. For some reason the last dropdown in set 1 and 2 is not working. The checkmark is not changing places based on selection

Member Avatar

OK fixed: http://jsfiddle.net/diafol666/44Yhq/4/

I had the row conditionals wrong 5 and 10 instead of 4 and 9! Mind this is a fudge - I don't like it as it's not clean.

Member Avatar

OK, conditionals taken out by the introduction of parent index for the dropdowns class. Also included space for questions in the answers table, so that it can be 'usable'. SO it should be 'clean' now - no manual fiddling with the js if you need to add another bank of questions.

http://jsfiddle.net/diafol666/44Yhq/5/

// Edit

Thanks it works fine in an HTML document. as soon as I add the code to my cfm file. The select dont work, it adds the selection to different result tables. file attached

Member Avatar

Well, from what I can see you have <cfselect> not <select>, so I wouldn't expect jQuery to work with it if using $('select').change(). Maybe I'm wrong.

The browser translates cfselect so I dont think that is the problem

Is it possible to tell the select statement where to place the checkmark in the table?>

Member Avatar

isn't that what the code does (x,y)? That was the whole point.

I guess it just does not make any sense to my why when I add the function to my coldfusion page nothing works like is suppose to

Member Avatar

Sorry I don't touch CF with a barge pole. Can't help you with it.

Looks like the problem is not the cfm, the problem is the orders of the filed on 960 grid system

Solve the problem I had to have a container _12 class for each of my sets