Select combobox Region ==> City

[viki1967]

Hi everyone.

Help with this problem.

With Google I found this script:

 
var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
                      {value:"Festività abolita", text:"Festività abolita"},
                      {value:"Malattia", text:"Malattia"},
                      {value:"Infortunio", text:"Infortunio"},
                      {value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
                      {value:"Riposo Compensativo", text:"Riposo"},
                      {value:"Permesso retribuito", text:"Permesso"},
                      {value:"Permesso Sind./ARCA", text:"Permesso Sind."},
                      {value:"Ricovero Ospedaliero", text:"Ricovero"},
                      {value:"Part-time", text:"Part-time"},
                      {value:"Assemblea Sindacale", text:"Assemblea"},
                      {value:"Sciopero", text:"Sciopero"},
                      {value:"Aspettativa", text:"Aspettativa"},
                      {value:"Carica Pubblica", text:"Carica Pubblica"},
                      {value:"Da giustificare", text:"Da giustificare"}];
 
regiondb["Presente"] = [{value:"Monoperatore", text:"Monoperatore"},
                        {value:"Coppia", text:"Coppia"},
                        {value:"Formazione a tre", text:"Formazione a tre"},
                        {value:"Appoggio", text:"Appoggio"},
                        {value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
 
function setCities(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    newElem = document.createElement("option");
    newElem.text = "Seleziona valore";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[ i ].text;
            newElem.value = db[ i ].value;
            cityChooser.add(newElem, where);
        }
    }
 
 

I change this way:

Have a variable ( associated with the selected value from select Choose a Region ), which can be A or B.

I select the value Presente ( variable A ) from select Choose a Region :

1) When the variable is A, in select Choose a City is:

 
<option value="Fuori Sede">Fuori Sede</option>
<option value="In Sede">In Sede</option>
 

I select the value Presente ( variable B ) from select Choose a Region :

2) When the variable is B in select Choose a City is:

 
<option value="Coppia">Coppia</option>
<option value="Formazione a tre">Formazione a tre</option>
<option value="Appoggio">Appoggio</option>
<option value="Fuori Sede">Fuori Sede</option>
<option value="In Sede">In Sede</option>
 

Is possible?

Regards,
Viki

[acoder]

Yes, it's possible.

What problems are you having with implementing it?

[viki1967]

Yes, it's possible.

What problems are you having with implementing it?

Thanks for your answer.

My problem is:
I not have idea to set this variable A o B in this script...

[acoder]

Use the onchange event handler to change the city drop down.

[viki1967]

Use the onchange event handler to change the city drop down.

Sorry Acoder.... not understand... for example ?

[acoder]

[HTML]<select name="region" onchange="setCities(this)">[/HTML] You may need to change the values in the array to the options that you want displayed.

[viki1967]

Is already planned in this script:

 
var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
                      {value:"Festività abolita", text:"Festività abolita"},
                      {value:"Malattia", text:"Malattia"},
                      {value:"Infortunio", text:"Infortunio"},
                      {value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
                      {value:"Riposo Compensativo", text:"Riposo"},
                      {value:"Permesso retribuito", text:"Permesso"},
                      {value:"Permesso Sind./ARCA", text:"Permesso Sind"},
                      {value:"Ricovero Ospedaliero", text:"Ricovero"},
                      {value:"Part-time", text:"Part-time"},
                      {value:"Assemblea Sindacale", text:"Assemblea"},
                      {value:"Sciopero", text:"Sciopero"},
                      {value:"Aspettativa", text:"Aspettativa"},
                      {value:"Carica Pubblica", text:"Carica Pubblica"},
                      {value:"Da giustificare", text:"Da giustificare"}];
 
regiondb["Presente"] = [{value:"Monoperatore", text:"Monoperatore"},
                        {value:"Coppia", text:"Coppia"},
                        {value:"Formazione a tre", text:"Formazione a tre"},
                        {value:"Appoggio", text:"Appoggio"},
                        {value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
 
function setCities(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    newElem = document.createElement("option");
    newElem.text = "Seleziona valore";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }
 
 
....
 
<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>
 
<select name="tipo_stato_giornaliero" onchange="onChangeStatus(this);"><option>Seleziona tipo stato giornaliero</option>
</select>
 
 

In this script implement variable A or B.

[acoder]

Oh, I see.

You will need to create separate arrays, e.g.

regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
                        {value:"Coppia", text:"Coppia"},
                        {value:"Formazione a tre", text:"Formazione a tre"},
                        {value:"Appoggio", text:"Appoggio"},
                        {value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
 
function setCities(chooser) {
...
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice+regionVar]; // regionVar is A or B

[viki1967]

Sorry... but:

Error: 'regionVar' is undefined

:(

[acoder]

I know, that was just an example. I expected that you'd set it somewhere.

I'm not sure when it has to change. That's not clear from what you've posted so far.

[viki1967]

Right, but not easy explain here...

The idea is select presente from the select name stato_dipendente :

<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>
 

When select presente in the select name stato_dipendente, sending variable as the function setCities.

The function setCities receives this variable and in the select name tipo_stato_giornaliero :

1) Variable A ===> regiondb["PresenteA"]
2) Variable B ===> regiondb["PresenteB"]

thanks for your help...

[acoder]

That still doesn't explain when A becomes B or vice versa.

If you keep a global variable, you don't even need to pass the variable in the onchange function.

[viki1967]

1) The variable is A when in select D1 is selected value DVD or value DVDR .

2) The variable is B when in select D1 is selected value CDR or value CD .

 
 
<select size="8" name="D1" multiple>
    <option>Select</option>
    <option value="A-DVD">DVD</option>
    <option value="A-DVDR">DVDR</option>
    <option value="B-CDR">CDR</option>
    <option value="B-CD">CD</option>
</select>
 
 

[viki1967]

My page htm this:

<html>
 
<head>
 
<script language="javascript">
 
<!--
 
var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
                      {value:"Festività abolita", text:"Festività abolita"},
                      {value:"Malattia", text:"Malattia"},
                      {value:"Infortunio", text:"Infortunio"},
                      {value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
                      {value:"Riposo Compensativo", text:"Riposo"},
                      {value:"Permesso retribuito", text:"Permesso"},
                      {value:"Permesso Sind./ARCA", text:"Permesso Sind"},
                      {value:"Ricovero Ospedaliero", text:"Ricovero"},
                      {value:"Part-time", text:"Part-time"},
                      {value:"Assemblea Sindacale", text:"Assemblea"},
                      {value:"Sciopero", text:"Sciopero"},
                      {value:"Aspettativa", text:"Aspettativa"},
                      {value:"Carica Pubblica", text:"Carica Pubblica"},
                      {value:"Da giustificare", text:"Da giustificare"}];
 
regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
                        {value:"Coppia", text:"Coppia"},
                        {value:"Formazione a tre", text:"Formazione a tre"},
                        {value:"Appoggio", text:"Appoggio"},
                        {value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
 
function setCities(chooser) 
 
{
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
    while (cityChooser.options.length)
 
 {
        cityChooser.remove(0);
    }
 
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice+regionVar]; // regionVar is A or B
 
    newElem = document.createElement("option");
    newElem.text = "Seleziona valore";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") 
 
    {
        for (var i = 0; i < db.length; i++) 
 
        {
            newElem = document.createElement("option");
            newElem.text = db[ i ].text;
            newElem.value = db[ i ].value;
            cityChooser.add(newElem, where);
        }
    }
 
} 
 
    // -->
 
</script>
 
</head>
 
<body>
 
<form method="POST" action="page.asp">
 
<select size="8" name="D1" multiple onChange="window.document.location='select.htm?var='+this.options[this.selectedIndex].value+'';">
    <option>Select</option>
    <option value="A-DVD">DVD</option>
    <option value="A-DVDR">DVDR</option>
    <option value="B-CDR">CDR</option>
    <option value="B-CD">CD</option>
</select>
 
 
<select name="stato_dipendente" onchange="setCities(this)">
    <option>Seleziona stato giornaliero</option>
    <option value="Assente">Assente</option>
    <option value="Presente">Presente</option>
</select></td>
 
<select name="tipo_stato_giornaliero" onchange="onChangeStatus(this);">
    <option>Seleziona tipo stato giornaliero</option>
</select>
 
</form>
 
</body>
 
</html>
 
 

1) The variable is A when in select D1 is selected value DVD or value DVDR .

2) The variable is B when in select D1 is selected value CDR or value CD .

<select size="8" name="D1" multiple>
    <option>Select</option>
    <option value="A-DVD">DVD</option>
    <option value="A-DVDR">DVDR</option>
    <option value="B-CDR">CDR</option>
    <option value="B-CD">CD</option>
</select>
 

The idea is select presente from the select name stato_dipendente :

<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>
 

When select presente in the select name stato_dipendente, sending variable as the function setCities.

The function setCities receives this variable and in the select name tipo_stato_giornaliero :

1) Variable A ===> regiondb["PresenteA"]
2) Variable B ===> regiondb["PresenteB"]

The error is:
Error: 'regionVar' is undefined

Link page:
http://www12.asphost4free.com/viki1967/select.htm

thanks for your help...

[acoder]

You'll have to set regionVar to avoid the error. You could call it anything really.

Now, the select element is multiple. What if the user selects both A and B type options?

Another thing to look at is the value of the options. Can these just be "A" or "B"? If they can, then good. If not, I can show you how to get the value.

What you need to do is give the select element an id and then use document.getElementById(whatever-ID-name-you-chose) to get the element. If it's a single type select, you can just use .value to get the value. If it's a multiple, you will need to loop over to get the selected option values. Set this to regionVar (or whatever variable name you want) and you're ready to go.

[viki1967]

Now, the select element is multiple. What if the user selects both A and B type options?

It's not possible; necesary control in the select name D1 only valid value A OR value B, not value A AND value B.

Can these just be "A" or "B"?

Yes only value A or value B, nothing more.

Thanks for your help.

[acoder]

Yes only value A or value B, nothing more.

By this, I meant here:

<option value="A-DVD">DVD</option>
    <option value="A-DVDR">DVDR</option>
    <option value="B-CDR">CDR</option>
    <option value="B-CD">CD</option>

could it be

<option value="A">DVD</option>
    <option value="A">DVDR</option>
    <option value="B">CDR</option>
    <option value="B">CD</option>

?

[viki1967]

Not, because in the page.asp do this:

strD1 = Split(request.form("D1"), "-")
 

and insert the value Split strD1(0) and strD1(1) in the database...

It' s necessary:

 
<option>Select</option>
    <option value="A-DVD">DVD</option>
    <option value="A-DVDR">DVDR</option>
    <option value="B-CDR">CDR</option>
    <option value="B-CD">CD</option>
</select>
 
 

[acoder]

That's OK, just use the JavaScript string split() method here too.

regionVar = val.split("-")[0];

where val is the value of the selected option.

[viki1967]

function setCities(chooser) 
 
{
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
    while (cityChooser.options.length)
 
 {
        cityChooser.remove(0);
    }
 
    var regionVar = D1.split("-")[0];
 
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice+regionVar]; // regionVar is A or B
 
    newElem = document.createElement("option");
    newElem.text = "Seleziona valore";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") 
 
    {
        for (var i = 0; i < db.length; i++) 
 
        {
            newElem = document.createElement("option");
            newElem.text = db[ i ].text;
            newElem.value = db[ i ].value;
            cityChooser.add(newElem, where);
        }
    }
 
}

The error is:
Error: 'D1' is undefined

[viki1967]

[php]

<html>

<%

Session.LCID = 1040
response.expires = -1500
response.AddHeader "PRAGMA", "NO-CACHE"
response.CacheControl = "PRIVATE"

Function SELECTED(firstVal, secondVal())
For e = 0 To UBound(secondVal)
If cSTR(firstVal) = cSTR(secondVal(e)) then
SELECTED = " selected=""selected"""
End If
Next
End Function

%>

<head>

<script language="javascript">

<!--

var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
{value:"Festività abolita", text:"Festività abolita"},
{value:"Malattia", text:"Malattia"},
{value:"Infortunio", text:"Infortunio"},
{value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
{value:"Riposo Compensativo", text:"Riposo"},
{value:"Permesso retribuito", text:"Permesso"},
{value:"Permesso Sind./ARCA", text:"Permesso Sind"},
{value:"Ricovero Ospedaliero", text:"Ricovero"},
{value:"Part-time", text:"Part-time"},
{value:"Assemblea Sindacale", text:"Assemblea"},
{value:"Sciopero", text:"Sciopero"},
{value:"Aspettativa", text:"Aspettativa"},
{value:"Carica Pubblica", text:"Carica Pubblica"},
{value:"Da giustificare", text:"Da giustificare"}];

regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
{value:"Coppia", text:"Coppia"},
{value:"Formazione a tre", text:"Formazione a tre"},
{value:"Appoggio", text:"Appoggio"},
{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];


function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}

// regionVar
var regionVar = document.getElementById('reg').split("-")[0];

var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice+regionVar]; // regionVar is A or B

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}

// -->

</script>

</head>

<body>

<form method="POST" action="page.asp">

<select size="8" id="reg" name="SelectMultipla" multiple="multiple">

<%

valore_strVariabile = Request.QueryString("SelectMultipla")
If len(valore_strVariabile) = 0 then

%>

<option>Select</option>
<option value="A-DVD">DVD</option>
<option value="A-DVDR">DVDR</option>
<option value="B-CDR">CDR</option>
<option value="B-CD">CD</option>

<%

Else

If InStr(valore_strVariabile,",") > 0 then
valore_strVariabile = Replace(valore_strVariabile," ","")
elementi = split(valore_strVariabile,",")
Else
elementi = array(valore_strVariabile)
End If

%>

<option>Select</option>
<option value="A-DVD" <%=SELECTED("A-DVD", elementi)%>>DVD</option>
<option value="A-DVDR" <%=SELECTED("A-DVDR", elementi)%>>DVDR</option>
<option value="B-CDR" <%=SELECTED("B-CDR", elementi)%>>CDR</option>
<option value="B-CD" <%=SELECTED("B-CD", elementi)%>>B-CDR</option>

<% End If %>

</select>


<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>

<select name="tipo_stato_giornaliero" onchange="onChangeStatus(this);">
<option>Seleziona tipo stato giornaliero</option>
</select>

<input type="submit" value="vai" />

</form>

</body>

</html>

[/php]

Error is:

Object doens't support this property or method

:(

[acoder]

Error is:

Object doens't support this property or method

:(

I see you got rid of the first error. This error is caused by you calling split on the actual select element rather than a string.

You need to get the selected option value and then call split on that.

To get the selected option, loop over the options of the select and get the options which are selected (options[i].selected == true).

[viki1967]

I see you got rid of the first error. This error is caused by you calling split on the actual select element rather than a string.

You need to get the selected option value and then call split on that.

To get the selected option, loop over the options of the select and get the options which are selected (options[i].selected == true).

Sorry Acoder.... not understand... what include the string selected (options[i].selected == true) ?

[acoder]

To get the selected options of a multiple select:

for (i=0; i < document.getElementById('reg').options.length; i++) {
    if (document.getElementById('reg').options[i].selected == true) {
        val = options[i].value; // you may try something else here depending on how many options can be selected...
    }
}

Once you have the value (which is a string), you can call split() on it.

[viki1967]

Sorry, but iam not sure understand... not work...

[php]
function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}

// regionVar

var regionVar = document.getElementById('reg').split("-")[0];

for (i=0; i < document.getElementById('reg').options.length; i++) {
if (document.getElementById('reg').options[i].selected == true) {
val = options[i].value;

}
}


var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice+regionVar]; // regionVar is A or B

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}
[/php]

[acoder]

You'll need to get rid of the var regionVar... line. Replace val with regionVar, e.g.

var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
    if (reg.options[i].selected == true) {
        if (regionVar == "") regionVar = reg.options[i].value;
    }
}

[viki1967]

Thanks, but change the error:

Error: 'lenght' is null or not an object

[php]
<html>

<%

Session.LCID = 1040
response.expires = -1500
response.AddHeader "PRAGMA", "NO-CACHE"
response.CacheControl = "PRIVATE"

Function SELECTED(firstVal, secondVal())
For e = 0 To UBound(secondVal)
If cSTR(firstVal) = cSTR(secondVal(e)) then
SELECTED = " selected=""selected"""
End If
Next
End Function

%>

<head>

<script language="javascript">

<!--

function onChangeStatus(dayStatusObj)
{
// Oggetto FORM
var frmObj = dayStatusObj.form;

// Se il dipendente è fuori sede o in sede, abilita 'fuori_sede' e 'Note_fuori_sede'
var flEnabled = true;
if (dayStatusObj.value == "Monoperatore") flEnabled = false;
if (dayStatusObj.value == "Coppia") flEnabled = false;
if (dayStatusObj.value == "Formazione a tre") flEnabled = false;
if (dayStatusObj.value == "Appoggio") flEnabled = false;
if (dayStatusObj.value == "Fuori sede") flEnabled = false;

}

var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
{value:"Festività abolita", text:"Festività abolita"},
{value:"Malattia", text:"Malattia"},
{value:"Infortunio", text:"Infortunio"},
{value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
{value:"Riposo Compensativo", text:"Riposo"},
{value:"Permesso retribuito", text:"Permesso"},
{value:"Permesso Sind./ARCA", text:"Permesso Sind"},
{value:"Ricovero Ospedaliero", text:"Ricovero"},
{value:"Part-time", text:"Part-time"},
{value:"Assemblea Sindacale", text:"Assemblea"},
{value:"Sciopero", text:"Sciopero"},
{value:"Aspettativa", text:"Aspettativa"},
{value:"Carica Pubblica", text:"Carica Pubblica"},
{value:"Da giustificare", text:"Da giustificare"}];

regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
{value:"Coppia", text:"Coppia"},
{value:"Formazione a tre", text:"Formazione a tre"},
{value:"Appoggio", text:"Appoggio"},
{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}



// regionVar

var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
if (reg.options[i].selected == true) {
if (regionVar == "") regionVar = reg.options[i].value;
}
}

// regionVar

var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice+regionVar]; // regionVar is A or B

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}

// -->

</script>

</head>

<body>

<form method="POST" action="page.asp">

<select size="8" id="reg" name="SelectMultipla" multiple="multiple">

<%

valore_strVariabile = Request.QueryString("SelectMultipla")
If len(valore_strVariabile) = 0 then

%>

<option>Select</option>
<option value="A-DVD">DVD</option>
<option value="A-DVDR">DVDR</option>
<option value="B-CDR">CDR</option>
<option value="B-CD">CD</option>

<%

Else

If InStr(valore_strVariabile,",") > 0 then
valore_strVariabile = Replace(valore_strVariabile," ","")
elementi = split(valore_strVariabile,",")
Else
elementi = array(valore_strVariabile)
End If

%>

<option>Select</option>
<option value="A-DVD" <%=SELECTED("A-DVD", elementi)%>>DVD</option>
<option value="A-DVDR" <%=SELECTED("A-DVDR", elementi)%>>DVDR</option>
<option value="B-CDR" <%=SELECTED("B-CDR", elementi)%>>CDR</option>
<option value="B-CD" <%=SELECTED("B-CD", elementi)%>>B-CDR</option>

<% End If %>

</select>


<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>

<select name="tipo_stato_giornaliero">
<option>Seleziona tipo stato giornaliero</option>
</select>

<input type="submit" value="vai" />

</form>

</body>

</html>
[/php]

[acoder]

Heh, you checked too soon! I've changed my post- have a look.

[viki1967]

Heh, you checked too soon! I've changed my post- have a look.

OK;

Thanks, but change the error:

Error: 'lenght' is null or not an object

[acoder]

lenght should be spelt length. Find the line with the error and correct it.

[viki1967]

lenght should be spelt length. Find the line with the error and correct it.

Ok, this is:

[php]
// regionVar
var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
if (reg.options[i].selected == true) {
if (regionVar == "") regionVar = reg.options[i].value;
}
}
// regionVar

var choice = chooser.options[chooser.selectedIndex].value;
var db = regiondb[choice+regionVar]; // regionVar is A or B

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "")

{
for (var i = 0; i < db.length; i++) <==== ERROR LENGHT

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}
[/php]

[viki1967]

Try this page, please:

http://www.complessobandisticopalomb...967/select.asp

[acoder]

Sorry, forgot about the splitting:

// regionVar   
var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
    if (reg.options[i].selected) {
        regionVar = reg.options[i].value.split("-")[0];
        break;
    }
}
// regionVar

Added a break to break out of the loop once selected option found.

[acoder]

This length error is most likely caused by db not being defined because you didn't choose an option or you chose the default option (not Assente/Presente) :

    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice+regionVar]; // regionVar is A or B
 
    newElem = document.createElement("option");
    newElem.text = "Seleziona valore";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "" && regionVar != "") 
 
 

[viki1967]

The problem is when select value Assente in the select name="stato_dipendente"...

http://www.complessobandisticopalomb...967/select.asp

[viki1967]

This solution, but it is right? :

 
var regiondb = new Object()
regiondb["AssenteA"] = [{value:"Ferie", text:"Ferie"},
                      {value:"Festività abolita", text:"Festività abolita"},
                      {value:"Malattia", text:"Malattia"},
                      {value:"Infortunio", text:"Infortunio"},
                      {value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
                      {value:"Riposo Compensativo", text:"Riposo"},
                      {value:"Permesso retribuito", text:"Permesso"},
                      {value:"Permesso Sind./ARCA", text:"Permesso Sind"},
                      {value:"Ricovero Ospedaliero", text:"Ricovero"},
                      {value:"Part-time", text:"Part-time"},
                      {value:"Assemblea Sindacale", text:"Assemblea"},
                      {value:"Sciopero", text:"Sciopero"},
                      {value:"Aspettativa", text:"Aspettativa"},
                      {value:"Carica Pubblica", text:"Carica Pubblica"},
                      {value:"Da giustificare", text:"Da giustificare"}];
 
regiondb["AssenteB"] = [{value:"Ferie", text:"Ferie"},
                      {value:"Festività abolita", text:"Festività abolita"},
                      {value:"Malattia", text:"Malattia"},
                      {value:"Infortunio", text:"Infortunio"},
                      {value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
                      {value:"Riposo Compensativo", text:"Riposo"},
                      {value:"Permesso retribuito", text:"Permesso"},
                      {value:"Permesso Sind./ARCA", text:"Permesso Sind"},
                      {value:"Ricovero Ospedaliero", text:"Ricovero"},
                      {value:"Part-time", text:"Part-time"},
                      {value:"Assemblea Sindacale", text:"Assemblea"},
                      {value:"Sciopero", text:"Sciopero"},
                      {value:"Aspettativa", text:"Aspettativa"},
                      {value:"Carica Pubblica", text:"Carica Pubblica"},
                      {value:"Da giustificare", text:"Da giustificare"}];                      
 
regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
                        {value:"Coppia", text:"Coppia"},
                        {value:"Formazione a tre", text:"Formazione a tre"},
                        {value:"Appoggio", text:"Appoggio"},
                        {value:"Fuori sede", text:"Fuori sede"},
                        {value:"In sede", text:"In sede"}];
 
 

[acoder]

So this variable A or B is only for Presente?

You could keep it like your previous post if in future you plan to add A/B options for Assente too. If not, add some code to check the choice is not "Assente" when adding regionVar, i.e. the line

var db = regiondb[choice+regionVar]; // regionVar is A or B

should only be for "Presente". If choice is "Assente", don't add regionVar:

if (choice == "Presente") choice += regionVar;
var db = regiondb[choice];

[viki1967]

Thanks.

Yes, this variable A or B is only for value Presente

With last changes when Assente displays alert('db empty').

[php]
function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}



// regionVar
var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
if (reg.options[i].selected) {
regionVar = reg.options[i].value.split("-")[0];
break;
}
}
// regionVar

var choice = chooser.options[chooser.selectedIndex].value;

if (choice == "Presente") choice += regionVar;
var db = regiondb[choice];

//var db = regiondb[choice+regionVar]; // regionVar is A or B

if(typeof(db) == 'undefined') {
alert('db empty');
return;
}

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "" && regionVar != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}
[/php]

[viki1967]

Thanks.

Yes, this variable A or B is only for value Presente

With last changes when Assente displays alert('db empty').

http://www.complessobandisticopalomb...967/select.asp

[acoder]

Change regiondb["AssenteA"] back to regiondb["Assente"].

[viki1967]

Change regiondb["AssenteA"] back to regiondb["Assente"].

Many, many thanks Acoder....

http://www.complessobandisticopalomb...967/select.asp

[acoder]

You're welcome. Phew! One long thread this one.

[viki1967]

You're welcome. Phew! One long thread this one.

Yes, long thread but very interesting....

[viki1967]

Hi, i have new problem..

Please follow this sequence in this page web:

http://www.complessobandisticopalomb...967/select.asp

1) No selection in the select name="SelectMultipla";
2) Select value Assente in the select name="stato_dipendente";
3) The select name="tipo_stato_giornaliero" is empty.

1) No selection in the select name="SelectMultipla";
2) Select value Presente in the select name="stato_dipendente";
3) The alert window warning db empty.

You can see alert window warning when value Assente is selected in the select name="stato_dipendente" ???

Thanks...

[acoder]

Lol, you're back!

That seems easy enough to solve. Just add an entry for "Presente" (maybe something empty) in the regiondb array.

[viki1967]

Thanks, !

Sorry, but iam not understand...

I modify this code:?

    if(typeof(db) == 'undefined') {
       alert('db empty');
    return;
 

...

[php]
<html>

<head>

<script language="javascript">

<!--

var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
{value:"Festività abolita", text:"Festività abolita"},
{value:"Malattia", text:"Malattia"},
{value:"Infortunio", text:"Infortunio"},
{value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
{value:"Riposo Compensativo", text:"Riposo"},
{value:"Permesso retribuito", text:"Permesso"},
{value:"Permesso Sind./ARCA", text:"Permesso Sind"},
{value:"Ricovero Ospedaliero", text:"Ricovero"},
{value:"Part-time", text:"Part-time"},
{value:"Assemblea Sindacale", text:"Assemblea"},
{value:"Sciopero", text:"Sciopero"},
{value:"Aspettativa", text:"Aspettativa"},
{value:"Carica Pubblica", text:"Carica Pubblica"},
{value:"Da giustificare", text:"Da giustificare"}];

regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
{value:"Coppia", text:"Coppia"},
{value:"Formazione a tre", text:"Formazione a tre"},
{value:"Appoggio", text:"Appoggio"},
{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}



var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
if (reg.options[i].selected) {
regionVar = reg.options[i].value.split("-")[0];
break;
}
}

var choice = chooser.options[chooser.selectedIndex].value;

if (choice == "Presente") choice += regionVar;
var db = regiondb[choice];

if(typeof(db) == 'undefined') {
alert('db empty');
return;
}

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "" && regionVar != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}

// -->

</script>

</head>

<body>

<form method="POST" action="page.asp">

<select size="8" id="reg" name="SelectMultipla" multiple="multiple">



<option>Select</option>
<option value="A-DVD">DVD</option>
<option value="A-DVDR">DVDR</option>
<option value="B-CDR">CDR</option>
<option value="B-CD">CD</option>



</select>


<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>

<select name="tipo_stato_giornaliero">
<option>Seleziona tipo stato giornaliero</option>
</select>

<input type="submit" value="vai" />

</form>

</body>

</html>
[/php]

[acoder]

Add:

regiondb["Presente"] = [];

[viki1967]

Add:

regiondb["Presente"] = [];

Thanks Acoder, but not change....

[php]
<html>


<head>

<script language="javascript">

<!--

var regiondb = new Object()
regiondb["Assente"] = [{value:"Ferie", text:"Ferie"},
{value:"Festività abolita", text:"Festività abolita"},
{value:"Malattia", text:"Malattia"},
{value:"Infortunio", text:"Infortunio"},
{value:"Riposo Fisiologico", text:"Riposo Fisiologico"},
{value:"Riposo Compensativo", text:"Riposo"},
{value:"Permesso retribuito", text:"Permesso"},
{value:"Permesso Sind./ARCA", text:"Permesso Sind"},
{value:"Ricovero Ospedaliero", text:"Ricovero"},
{value:"Part-time", text:"Part-time"},
{value:"Assemblea Sindacale", text:"Assemblea"},
{value:"Sciopero", text:"Sciopero"},
{value:"Aspettativa", text:"Aspettativa"},
{value:"Carica Pubblica", text:"Carica Pubblica"},
{value:"Da giustificare", text:"Da giustificare"}];

regiondb["PresenteA"] = [{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

regiondb["PresenteB"] = [{value:"Monoperatore", text:"Monoperatore"},
{value:"Coppia", text:"Coppia"},
{value:"Formazione a tre", text:"Formazione a tre"},
{value:"Appoggio", text:"Appoggio"},
{value:"Fuori sede", text:"Fuori sede"},
{value:"In sede", text:"In sede"}];

regiondb["PresenteA"] = [];
regiondb["PresenteB"] = [];

function setCities(chooser)

{
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var cityChooser = chooser.form.elements["tipo_stato_giornaliero"];
while (cityChooser.options.length)

{
cityChooser.remove(0);
}



var regionVar = "";
var reg = document.getElementById("reg");
for (i=0; i < reg.options.length; i++) {
if (reg.options[i].selected) {
regionVar = reg.options[i].value.split("-")[0];
break;
}
}

var choice = chooser.options[chooser.selectedIndex].value;

if (choice == "Presente") choice += regionVar;
var db = regiondb[choice];

if(typeof(db) == 'undefined') {
alert('db empty');
return;
}

newElem = document.createElement("option");
newElem.text = "Seleziona valore";
newElem.value = "";
cityChooser.add(newElem, where);
if (choice != "" && regionVar != "")

{
for (var i = 0; i < db.length; i++)

{
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
cityChooser.add(newElem, where);
}
}

}

// -->

</script>

</head>

<body>

<form method="POST" action="page.asp">

<select size="8" id="reg" name="SelectMultipla" multiple="multiple">



<option>Select</option>
<option value="A-DVD">DVD</option>
<option value="A-DVDR">DVDR</option>
<option value="B-CDR">CDR</option>
<option value="B-CD">CD</option>



</select>


<select name="stato_dipendente" onchange="setCities(this)">
<option>Seleziona stato giornaliero</option>
<option value="Assente">Assente</option>
<option value="Presente">Presente</option>
</select></td>

<select name="tipo_stato_giornaliero">
<option>Seleziona tipo stato giornaliero</option>
</select>

<input type="submit" value="vai" />

</form>

</body>

</html>
[/php]

[acoder]

You've rewritten PresenteA/B with these two lines:

regiondb["PresenteA"] = [];
regiondb["PresenteB"] = [];

Replace them with:

regiondb["Presente"] = [];

[viki1967]

You've rewritten PresenteA/B with these two lines:

regiondb["PresenteA"] = [];
regiondb["PresenteB"] = [];

Replace them with:

regiondb["Presente"] = [];

Thanks Acoder, but i not explain...

If select value Presente in the select name="stato_dipendente" I see :

    if(typeof(db) == 'undefined') {
       alert('db empty');
    return;
 

If select value Assente in the select name="stato_dipendente" I NOT see :

    if(typeof(db) == 'undefined') {
       alert('db empty');
    return;
 

The window alert it necessary for two cases....