// mutually exclusive choices
function exclusivechange(sel){ // called when drop-down changes - set other drop-downs to --- if appropriate
if ( sel.options[0].text != '---' ) return; // ignore if this isn't an exclusive attribute
var thisname = sel.name;
var rootname = thisname.replace(/(v_.*_).*/, "$1"); // the basic variant name
for (i=1; i<6; i++)
{
var variant = document.getElementById(rootname + i); // look for up to 6 variants
if ( variant )
{
if ( variant.type == "select-one" && (variant.name != thisname) ) // don't reset the current select
{
if ( variant.options[0].text == '---' ) variant.selectedIndex = 0; // set other valid variants back to empty
}
}
}
}
function checksizeset(prodid){ // check that at least one of drop-down sets that start with --- have been set
var exclusiveitems = false;
var nosizeset = true;
for (i=1; i<6; i++)
{
var variant = document.getElementById('v_' + prodid + '_' + i); // check up to 6 variants
if ( variant )
{
if ( (variant.type == "select-one") && (variant.options[0].text == '---') ) // is it a variant with --- entry
{
exclusiveitems = true; // flag that we've some such items
if ( variant.selectedIndex != 0 ) nosizeset = false; // if valid choice set, remember it
}
}
}
if ( exclusiveitems && nosizeset) // warn if all --- choices undefined
{
alert('No size selected');
return false;
}
return true;
}
<script language="javascript" type="text/javascript" src="mutuallyexclusivechoices.js"></script>
<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />">
<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />"
onsubmit="return checksizeset('<actinic:variable name="ProductID" />');">
<select onchange="exclusivechange(this);" id="<Actinic:Variable Name="UIWidgetName"/>" name="<Actinic:Variable Name="UIWidgetName"/>" class="form_input_general">
Comment