Deshabilitar opciones de un Select

[Nexus10]

Hola tod@s.

Estoy intentando hacer una cosa con un formulario. Pensaba que lo había resuelto pero he encontrado un error y no sé solucionarlo, entre otras cosas proque no tengo ni idea de jQuery.
El código (simplificado) que tengo es el siguiente:

Código HTML:

<div id="radio">
   <label>Tipo: </label>	  	  
   <input type="radio" name="tipo" value="comunidades" checked />Comunidad
   <input type="radio" name="tipo" value="provincias" />Provincia
</div>

<div id="comunidades" class="desc">
   <select name="comunidad" size="10">
      <option value='61'>Andalucía</option>
      <option value='62'>Aragón</option>
      <option value='63'>Asturias</option>
      .......	  	  	
   </select>
</div>

<div id="provincias" class="desc">
   <select name="provincia" size="10">
      <optgroup label='Andalucía'>
        <option value='6104'>Almería</option>
        <option value='6111'>Cádiz</option>             
        .......
      </optgroup>
      <optgroup label='Aragón'>
         <option value='6222'>Huesca</option>
         <option value='6244'>Teruel</option>
         ........             
      </optgroup>
      .......
   </select>
</div> 

Lo que quiero hacer es mostrar solo un campo select según el botón radio seleccionado. Buscando por internet encontré un script de jQuery que conseguí modificarlo para que sirviera para lo que quería hacer. Es el siguiente:

Código Javascript:

<script type="text/javascript">
  $(document).ready(function() {        
    $("input[name$='tipo']").click(function() {
      var test = $(this).val();
      $("div.desc").hide();
      $("#" + test).show();
    });
  });
</script>
 

También hay que usar un poco de css para mostrar al principio solo el select del radio que tiene el atributo "checked".

Esto aparentemente me funcionaba bien, pero he encontrado un error que no sé resolver. La cosa es que si se selecciona una opción de un select y luego se cambia al otro select y se selecciona otra opción, al enviar el formulario se envían las opciones de los dos select, y esto no es lo que quiero hacer.
Yo quiero que sólo se envíe la opción del select que está visible en el momento de enviar el formulario. Así que supongo que además de ocultar el select cuando se pulsa el radio habrá que anular la opción que estuviera seleccionada.

A ver si alguien me puede ayudar con esto, seguro que será algo sencillo.

Gracias. Un saludo.

[jonni09lo]

Puedes deshabilitarlos para que no se envíen con el formulario, prueba esto:

Código Javascript:

$(document).ready(function() {       
    $("input[name$='tipo']").click(function() {
        var test = $(this).val();
        $("div.desc").hide();
        $("div.desc").find('select').prop('disabled', true);
        $("#" + test).show();
        $("#" + test).find('select').removeProp('disabled');
    });
});
 

Saludos

[Nexus10]

¡Sí, funciona!.
Muchas gracias. Un saludo.