Dynamic select list with displaying a description

Question

Hi,
I want to have a select List, my list refer to a lov, and the lov refer to a table contaning 2 columns : code and description,
The list must display only the code, but I want having an item beside the list dispaling the description....
I have used a select list with the query :
select code d, code r from prog_theme order by 1 desc
and Now : what is the way for displaying the description
Thanks!!
Lila

Answer 1

Ok, here goes the top down approach...
In the HTML header of my page, i have this reference to a js file containing the javascript - <script src="#WORKSPACE_IMAGES#108.js" type="text/javascript"></script>
Then in an HTML Region I have the following code to create the divs that will be shown and hidden - <div id="divREGION" class="divs">Select region to get list of countries.</div>
<div id="divCOUNTRY" class="divs">Select country to get list of cities.</div>
<div id="divCITY" class="divs">Select city and then press "Get Employees". </div>
Note that these divs contain static content. You may be able to create dynamic content for these divs by creating dynamic query regions and putting div tags around the region (i havent tried this, it may require template modification).
The select boxes have this code in the "HTML form elements attributes" - onFocus="javascript:showHideDiv(this,true)" onBlur="javascript:showHideDiv(this,false)"
This onFocus and onBlur call the showHideDiv() function, passing in the object reference of the select box and a true/false to show/hide the related div.
The actual javascript function that is contained in the 108.js file is:
function showHideDiv(objThis, inBool){
     var divid = "div" + objThis.id.substring(3);
     if (inBool) {
     ShowDiv(divid);
     else {
HideDiv(divid);
That function in turn calls either the ShowDiv() or HideDiv() functions, depending on the true or false, passing in the ID of the div to be changed...
function ShowDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "inline"');
function HideDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "none"');
Hope this helps.