Context validation error for tag cfselect when I add inside Java script

Question

When I run CFSELECT normally it runs perfectly, but when I add inside javascript it gives error.

The normal one It works.

<tr id='selectionDropdown'>
    <td >Non-Keyword Traffic:</td>
      <td>
        <cfif Session.ID eq Session.userID>
           <cfselect name="nonkeyword" multiple="true"  query="GetCodes" display="Code" value="Code" selected=#Form.nonkeyword#  >
            </cfselect>
        </cfif> 
      </td>
</tr>

It doesn't work

//The non keyword and all are checked

<td id='selectionDropdown'></td>
<cfoutput>    
function ShowDropdown(){

                if($('##nonKeyword').is(':checked') && !$('##all').is(':checked'))
                {
                    $( "##selectionDropdown" ).empty();
                    $( "##selectionDropdown" ).append( "<td>Non-Keyword Traffic:</td><td><cfif Session.ID eq Session.userID><cfselect name='nonkeyword' multiple='true'  query='GetCodes' display='Code' value='Code' selected='#Form.nonkeyword#'  ></cfselect></cfif></td>" );
                }
    }
</cfoutput>

In browser I get error.

<td id='selectionDropdown'>Context validation error for tag cfselect.<td>

As I got some comments and answers. I am editing which I tried earlier not with CFSELECT.

When It can execute this one, why not with CFSELECT

if($('##nonKeyword').is(':checked') && !$('##all').is(':checked'))
            {
                $( "##selectionDropdown" ).empty();
                $( "##selectionDropdown" ).append( "<td>Non-Keyword Traffic:</td><td><cfif Session.ID eq Session.userID><select name='nonkeyword' multiple='true' selected='#Form.nonkeyword#'  ><cfloop query='GetCodes'><option value='#code#'>#code#</cfloop></select></cfif></td>" );
            }

In the section that doesn't work, you terminate the cell with </td> immediately on the first line. Was that intended? — Always Learning
– Always Learning, Commented Apr 22, 2015 at 14:29
cfselect is a ColdFusion tag which is interpreted on the server and converted to HTML and JavaScript which is then sent to your browser. You can't just mix it in with jQuery. The best thing to do is to not use cfselect at all but try and do it in jQuery or look at one of the many jQuery plugins. Probably worth asking a new question saying what you want to achieve rather than getting cfselect to do what you want. — John Whish
– John Whish, Commented Apr 22, 2015 at 14:34
Please check the thing which I tried, It worked with select and CFLOOP inside JavaScript. — krishna Ram
– krishna Ram, Commented Apr 23, 2015 at 7:03

Adam Cameron · Accepted Answer · 2015-04-22 14:58:26Z

2

You can't write CFML to the screen and hope that it'll magically execute! THat's your problem.

This article "The CFML request/response process" explains it thoroughly, but - bottom line - CFML needs to be compiled before it's executed, and that needs to be done by the CFML server, not the client browser.

answered Apr 22, 2015 at 14:58

Adam Cameron

29.9k4 gold badges39 silver badges83 bronze badges

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

2 Comments

krishna Ram Over a year ago

Hi Adam, I edit my question. Added which I tried in JavaScript part. Please check.

Adam Cameron Over a year ago

This doesn't change the fact you can't output CFML code and expect it to run. Did you read the link I posted? You simply cannot do what you're trying to do here. CFML runs on the CFML server, JS runs on the client browser. You are trying to run CFML on the client. You can't. Simple as that.

Collectives™ on Stack Overflow

Context validation error for tag cfselect when I add inside Java script

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related