HTML-sélectionnez les boîtes liés les uns aux autres

Hellloooooo...
J'ai deux <select> intrants, comme ce

<select id="sel1">
  <option value="a">a</option>
  <option value="b">b</option>
</select>

<select id="sel2">
  //if 'a' is selected above,
  //<option>apple</option>, <option>airplane</option>
  //if 'b' is selected above,
  //<option>banana</option>, <option>book</option>
</select>

Et je veux la liste des différentes séries d'options en fonction de la sélection dans sel1.
J'ai pu obtenir la valeur sélectionnée à l'aide attribut onchange comme ceci:

<select id="sel1" onchange="giveSelection(this)">
<script type="text/javascript">
  function giveSelection(sel) {
    var selected = sel.value;
  }
</script>

Mais je ne peux pas trouver un moyen d'utiliser cette valeur pour la sortie des différents sélectionner des options dans les sel2.
De l'aide s'il vous plaît!

OriginalL'auteur Yun C Han | 2014-12-28