div元素到coldfusion变量

Question

我有<div id="test"></div>显示值，这是伟大的。但是，如果我查看html的源代码，它仍然显示<div id="test"></div>。如何将<div id="test"></div>转换为实际值/变量，以便我可以在coldfusion中将其用于另一个查询？

<!DOCTYPE html> 
<html> 
<head> 
  <title></title> 
  <script> 
    function PassCatValue(element) { 
      var text = element.options[element.selectedIndex].value;
      document.getElementById("test").innerHTML = text.toString(); 
    } 
  </script> 
</head> 
<body> 
  <Select id="box1" Name="colors" onChange="PassCatValue(this);"> 
    <OPTION value="0" Selected></OPTION> 
    <OPTION value="1">blue</OPTION> 
    <OPTION value="2">green</OPTION> 
    <OPTION value="3">red</OPTION> 
  </Select> 
  <br> 
  <div id="test"></div> 
</body> 
</html>