Cfdiv Binding Variable with # sign Issue

[Jt107]

Have a problem using cfdiv binding variable, because it contains # in the value, so when it passed in Firefox it truncked anything from # sign on.
here is the code:
<form name="myForm" method="post">

<b><center>Part Name</center></b><br>

<select name="Avail_Names" id="Avail_Names">

<cfoutput query="getName">

<option value ="#getName.name#"> #name#

</cfoutput>

</select>

</form>

<cfdiv id="nameDiv" bind="url:desc.cfm?name={Avail_Names}"/>

The code works with IE browser but not in Firefox.
Not sure what is the way to bypass # in that variable, or I should not use CFDIVE altogether. Appreciate your help.

[Gjslick]

Try surrounding your value with the urlEncodedFormat() function.

For example:

<form name="myForm" method="post">
  <b><center>Part Name</center></b><br>
  
  <select name="Avail_Names" id="Avail_Names">
    <cfoutput query="getName">
      <option value="#urlEncodedFormat( getName.name )#">#name#
    </cfoutput>
  </select>
</form>

<cfdiv id="nameDiv" bind="url:desc.cfm?name={Avail_Names}"/>

Let me know how that goes.

-Greg

[Jt107]

Thanks Greg, it worked. It seems I have to encode it before cfdiv and decode it in the binding url page.

Appreciate your help. Thank you very much.