JavaScript - problema con this.value

quiero enlazar dos combos mediante este codigo:

function addOption(prov)
{
var comboBox = document.getElementById('opcion2');
switch (prov)
{
case 1:
comboBox.options.length = 0;
var newOption = new Option('1- Provincia1', '1');comboBox.options[comboBox.options.length] = newOption;
break;
case 2:
comboBox.options.length = 0;
var newOption = new Option('2- Provincia1', '1');comboBox.options[comboBox.options.length] = newOption;
var newOption = new Option('2- Provincia2', '2');comboBox.options[comboBox.options.length] = newOption;
var newOption = new Option('2- Provincia3', '3');comboBox.options[comboBox.options.length] = newOption;
break;
}
}

y los combos son estos:

<select name="opcion2" id="opcion2"></select>

<select name="opcion1" onchange="addOption(this.value);">
<option value="">--selecciona--</option>
<option value="1">Autonomía1</option>
<option value="2">Autonomía2</option>
</select>

El problema es que los parametros pasados a la funcion con this.value, NO FUNCIONAN

probando he visto que esto funciona

<select name="opcion1" onchange="addOption(1);">
<option value="">--selecciona--</option>
<option value="1">Autonomía1</option>
<option value="2">Autonomía2</option>
</select>


Alguna idea?
Gracias