Huge select box fails..

Question

I have a massive amount of items in a select box, and that produces an error because the string is too long I guess.
What kind of other posibilities is there??
I have an order page, where I have to add some order lines. In each line I have a selectbox where I can choose which item has to be in the orderline. But now I have so many items that the error occurs. I cant really find another way to easily add items to the orderline.
Thanks
Bjarke

Answer 1

Hi Sir. I'm kind of a beginner with APEX and I tried implementing the work-around with the solution you provided but I'm getting stuck. Is there anyway you can help? I would really appreciate it, and I promise not to pester you with any more questions!
1 -REGION SOURCE FOR TABULAR FORM:
select
"ROOM_NO",
"BUILDING",
"ROOM_NO" ROOM_NO_DISPLAY,
"GUEST_NAME",
"COMPANY",
"BADGE",
"ARRIVALDATE_",
"DEPTDATE",
"NO_PAX",
"BUILD_ID",
"VACANCY",
"REMARKS",
"RESIDENT"
from "#OWNER#"."HOTEL"
2 - SETTINGS FOR GUEST_NAME COLUMN:
Display As: Select List (query based LOV)
Display Extra Values: Yes
Display Null: Yes
Null display value: -Select-
Null return value: (leave blank)
List of values definition:
SELECT NULL d, NULL r FROM DUAL
3 - PL-SQL REGION DEFINITION:
Template: No Template
Display Point: Before Footer (so that it is after the tabular form)
Region Source:
BEGIN
HTP.P('<script type="text/javascript">');
HTP.P('var depts = new Array (');
HTP.P('new Array("%null%","-Select-")');
FOR d IN (SELECT NUMBER, LAST, FIRST FROM MASTERTABLE ORDER BY 1)
LOOP
HTP.P(', new Array("' || d.LAST || '","' || d.FIRST || '")');
END LOOP;
HTP.P(')');
HTP.P('</script>');
END;
REGION HEADER:
<script type="text/javascript">
function appendToSelect(pSelect, pValue, pContent)
var l_Opt = document.createElement("option");
l_Opt.value = pValue;
if(document.all)
pSelect.options.add(l_Opt);
l_Opt.innerText = pContent;
else
l_Opt.appendChild(document.createTextNode(pContent));
pSelect.appendChild(l_Opt);
</script>
REGION FOOTER:
<script type="text/javascript">
function setLists(f)
var fItems = document.getElementsByName(f);
var x;
var v;
var o;
var d;
for (x = 0; x < fItems.length; x++)
o = fItems[x];
v = o.value;
o.options.length = 0;
for (d = 0; d < depts.length; d++)
appendToSelect(o, depts[d][0], depts[d][1]);
o.value = v;
if (o.selectedIndex == -1)
o.selectedIndex = 0;
setLists("f03");
</script>
I think the problem is that the SELECT LIST that I'm attempting to populate comes from a different table (MASTERTABLE) than the region source for the tabular form (HOTEL). If that is an issue, can you provide me with the solution? I would greatly appreciate it if you can help...