Home/ Questions/Q 6656119
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T01:36:15+00:00

CFM <html> <head> <title>Test Page</title> <script type=text/javascript> function toggleV(value){ document.getElementById(‘blah’).value = value; } </script>

  • 0

CFM 

<html>
<head>
<title>Test Page</title>
<script type="text/javascript">
    function toggleV(value){
        document.getElementById('blah').value = value;
    }
</script>
</head>
<body>
<cfform name="coolfrm">
    <cfinput type="hidden" name="blah" id="blah" value="default">
    <a onclick="toggleV('anothervalue')" style="cursor:pointer;">click Me</a>
</cfform>

<cfdiv bind="cfc:TestCFC.func({coolfrm:blah})"></cfdiv>

</body>
</html>

CFC

<cfcomponent>
    <cfscript>
        remote function func(simpleString){
            return simpleString;
        }
    </cfscript>
</cfcomponent>

What I expect this code to do is change the text in the cfdiv from “default” to “anothervalue”.

This doesn’t work the way I think it should, and I would like to know why.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    By definition from: http://www.w3.org/TR/html4/interact/scripts.html

    The onchange event occurs when a control loses the input focus and its
    value has been modified since gaining focus.

    The change event isn’t firing correctly when you modify the field programmatically.

    Solve this by changing the JavaScript function slightly:

    function toggleV(value){
    document.getElementById('blah').value = value;
    ColdFusion.Event.callBindHandlers('blah',null,'change');
}
    • 0