Changer l'attribut "required"

Bonsoir à tous,

Dans un formulaire j'ai une partie qui s'affiche avec du JavaScript si on
coche un bouton radio "Oui".
J'aimerai que le choix dans le select qui vient d'apparaître soit obligatoire
(required) tant que l'on ne coche pas "Non"...
Je n'y connais rien en JavaScript, alors je vous demande votre aide et vous remercie par avance de m'expliquer ce qui cloche dans ce que j'ai écris !

 Cet aliment peut il être un repas à lui seul ?<br/>
Oui <input type="radio" name="repas" value="oui" id="oui" onClick="afficher();" /> <br />
Non <input type="radio" name="repas" value="non" id="non" checked onClick="cacher();"/> <br />
<p id="champ_cache">
    <label for="rayon">Choisir le type de plat : </label>
    <select name="type" id="type">
        <option value=""></option>
        <option value="ENTRÉE">ENTRÉE</option>
        <option value="PLAT">PLAT</option>
        <option value="DESSERT">DESSERT</option>
    </select><br />
</p>

<script type="text/javascript">
document.getElementById("champ_cache").style.display = "none";
document.getElementById("type").setAttribute("required", "");
function afficher() {
    document.getElementById("champ_cache").style.display = "block";
    document.getElementById("type").setAttribute("required", "required");
}

function cacher() {
    document.getElementById("champ_cache").style.display = "none";
    document.getElementById("type").setAttribute("required", "");
}
</script>

EDIT => Quand je coche "NON", le select "type de plat" apparaît bien mais je ne peux pas valider mon formulaire : Firefox me demande de "Sélectionner un élément de la liste" en m'affichant cette indication tout en haut à gauche à un endroit qui ne correspond à rien !