Actualizar (seleccionar) un radio button al seleccionar en un selector

[bathorz]

Te puede servir como base para lo que quieres hacer:

Código Javascript:

window.onload = function() {
        var selector = document.getElementById("selector");
 
        selector.addEventListener('change', function() {
          var valor = selector.value;
          xajax_changeColorImageAttribute(valor);
        });
 
        function xajax_changeColorImageAttribute(prod_option_value) {
          var elements = document.getElementsByName('n');
          for (var i = 0; i < elements.length; i++) {
            if (elements[i].value === prod_option_value) {
              elements[i].checked = 'on';
            }
          }
        }
      };
 

Código HTML:

<form name="cart_quantity" action="#" method="post">
      <div class="options">
        <p class="options-title">Opciones con selector:</p>
        <label>Color:</label>
        <select name="selector" id="selector">
          <option value="">Color</option>
          <option value="2">Rojo</option>
          <option value="1">Azul</option>
          <option value="7">Verde</option>
          <option value="3">Negro</option>
        </select>                               
      </div>
      <br /><hr />
      <div>
        <p class="options-title">Opciones con Radio Button:</p>
        <label>Color:</label>
        <a href="javascript:void(null)">
          <input type="radio" id="cmbooption_1" name="n" value="2" checked="checked"></a>Rojo &nbsp;|&nbsp;
        <a href="javascript:void(null)">
          <input type="radio" id="cmbooption_2" name="n" value="1"></a>Azul &nbsp;|&nbsp;
        <a href="javascript:void(null)">
          <input type="radio" id="cmbooption_3" name="n" value="7"></a>Verde &nbsp;|&nbsp;
        <a href="javascript:void(null)">
          <input type="radio" id="cmbooption_4" name="n" value="3"></a>Negro
      </div>
    </form>