Select que cambian al mismo tiempo

[truman_truman]

Hola estuve googleando y no encontré , tampoco se bien como buscarlo, ya que soy nuevo en jQuery, necesito que 2 <select> se comporten de la misma manera , es decir que al cambiar uno , también se cambie el otro.


No es un caso de select dependientes ya que Los 2 select son idénticos
Notar que los values son desordenados.

Código HTML:

<select name="select" id="select">
  <option>Seleccionar</option>
  <option value="1">aaaaa</option>
  <option value="5">bbbb</option>
  <option value="7">ccc</option>
  <option value="3">ddd</option>
</select>

<select name="select2" id="select2">
  <option>Seleccionar</option>
  <option value="1">aaaaa</option>
  <option value="5">bbbb</option>
  <option value="7">ccc</option>
  <option value="3">ddd</option>
</select> 

Desde ya muchas gracias por la ayuda, si alguien sabe la respuesta BIEN o si saben de alguna referencia para leer.

[America|UNK]

Asignando el valor al nodo hermano.

Código HTML:

<select name="select" id="select" onchange="this.nextSibling.nextSibling.value = this.value">
  <option>Seleccionar</option>
  <option value="1">aaaaa</option>
  <option value="5">bbbb</option>
  <option value="7">ccc</option>
  <option value="3">ddd</option>
</select>
<select name="select2" id="select2" onchange="this.previousSibling.previousSibling.value = this.value">
  <option>Seleccionar</option>
  <option value="1">aaaaa</option>
  <option value="5">bbbb</option>
  <option value="7">ccc</option>
  <option value="3">ddd</option>
</select> 

[IsaBelM]

nextSibling y previousSibling es una de las posibles soluciones, siempre y cuando la estructura html sea la que se muestra. si por ejemplo la estructura fuese

<table>
<tr>
<td>
<select name="select" id="select" onchange="this.nextSibling.nextSibling.value = this.value">
<option>Seleccionar</option>
<option value="1">aaaaa</option>
<option value="5">bbbb</option>
<option value="7">ccc</option>
<option value="3">ddd</option>
</select>
</td>
<td>
<select name="select2" id="select2" onchange="this.previousSibling.previousSibling.val ue = this.value">
<option>Seleccionar</option>
<option value="1">aaaaa</option>
<option value="5">bbbb</option>
<option value="7">ccc</option>
<option value="3">ddd</option>
</select>
</td>
</tr>
</table>

ya no obtendríamos el resultado esperado. por lo tanto lo mas adecuado es valerse de los name o id

document.getElementById('idotroselect').value = this.value