Select Menu Option <create on the fly>

[jojowebdev]

Picking up from Friday..
I am still having trouble creating the Select Menu option. I got parts
of the correct syntax but it is still not creating the selected carrier
as an option in the parent page.

Help apprecitate,. I currently have it commented out just to show the
line to you better:

function onCarrierSelect () {
var frm = document.carrRe questForm.carri erList.selected Index;
var selectCar =
document.carrRe questForm.carri erList.options[frm].text;
var varEl = "<%=varElementN ame%>";
if (window.opener && !window.opener. close)
var oOption = window.opener.d ocument.createE lement("OPTION" );
// window.opener.f orm.[varEl].options.add(oO ption);
oOption.innerTe xt =selectCar;
oOption.value =selectCar;
window.close();
}

[jojowebdev]

It is breaking/erroring at:
var oOption = window.opener.d ocument.createE lement("OPTION" );

This is a pop-up window select menu that when a value is chosen will
populate the parent window select menu.

Does oOption need to reference the form[0] and the varEl?
How does it know what form to create an option for?

I see the 4th line trys to do this:

window.opener.f orm[0].elements[varEl].options[window.opener.f orm[0].elements[varEl].options.length]
= oOption;

The error I am getting is:
Error: 'undefined' is null or not an object.

function onCarrierSelect () {
var frm = document.carrRe questForm.carri erList.selected Index;
var selectCar =
document.carrRe questForm.carri erList.options[frm].text;
var varEl = "<%=varElementN ame%>";
if (window.opener && !window.opener. close)
var oOption = window.opener.d ocument.createE lement("OPTION" );
// assigns object name to create Option tag
oOption.innerTe xt =selectCar;
oOption.value =selectCar;

window.opener.f orm[0].elements[varEl].options[window.opener.f orm[0].elements[varEl].options.length]
= oOption;
window.close();
}
jo********@gmai l.com wrote:

Picking up from Friday..
I am still having trouble creating the Select Menu option. I got parts
of the correct syntax but it is still not creating the selected carrier
as an option in the parent page.

Help apprecitate,. I currently have it commented out just to show the
line to you better:

function onCarrierSelect () {
var frm = document.carrRe questForm.carri erList.selected Index;
var selectCar =
document.carrRe questForm.carri erList.options[frm].text;
var varEl = "<%=varElementN ame%>";
if (window.opener && !window.opener. close)
var oOption = window.opener.d ocument.createE lement("OPTION" );
// window.opener.f orm.[varEl].options.add(oO ption);
oOption.innerTe xt =selectCar;
oOption.value =selectCar;
window.close();
}

[Matt Kruse]

jo********@gmai l.com wrote:

It is breaking/erroring at:
var oOption = window.opener.d ocument.createE lement("OPTION" );

If you're trying to do this from IE, you can't.
Creating a new option and adding it to a select list must be done from code
within the same page.
So, in your main document write a function which accepts the new Option()
parameters and creates it there.
Then in your popup, call that function in window.opener to do the work.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

[jojowebdev]

I have the code to do it. But it is two functions I hacked together.

Does anyone know if I can "clean" it up some?

THank you.

function onCarrierSelect () {
var frm = document.carrRe questForm.carri erList.selected Index;
var selectCar =
document.carrRe questForm.carri erList.options[frm].text;
var varEl = "<%=varElementN ame%>";
if (window.opener && !window.opener. close)
var oOption = window.opener.d ocument.createE lement('option' ); //
assigns object name to create Option tag
insertOptionBef ore(varEl, selectCar)
window.close();
}
function insertOptionBef ore(varElementN ame, selectCar)
{
var elSel = window.opener.d ocument.getElem entById(varElem entName);
if (elSel.selected Index >= 0) {
var elOptNew = window.opener.d ocument.createE lement('option' );
elOptNew.text = selectCar;
elOptNew.value = selectCar;
var elOptOld = elSel.options[0];
try {
elSel.add(elOpt New, elOptOld); // standards compliant; doesn't
work in IE
}
catch(ex) {
elSel.add(elOpt New, elSel.selectedI ndex); // IE only
elSel.selectedI ndex = elSel.selectedI ndex -1
}
}
}
Matt Kruse wrote:

jo********@gmai l.com wrote:

It is breaking/erroring at:
var oOption = window.opener.d ocument.createE lement("OPTION" );

If you're trying to do this from IE, you can't.
Creating a new option and adding it to a select list must be done from code
within the same page.
So, in your main document write a function which accepts the new Option()
parameters and creates it there.
Then in your popup, call that function in window.opener to do the work.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com