Ændre indhold af select

<script>
   
    function valg(vno) {
       
        var v1 = '<option value="1" >ProtoBank account</option>';
        var v2 = '<option value="2" >protocredit card</option>';
        var v3 = '<option value="3" >protopaypal</option>';
       
        document.getElementById('vaelger').innerHTML = ((vno == 'v1') ? v1 : v2) + v3;
        document.getElementById('vaelger').style.display = 'block';
    }

</script>

Mine radioknapper:<br>
<label><input type="radio" name="BuySell" value="B" checked="checked" onclick="valg('v1');">Buy<br style="clear:both;" ></label>
<label><input type="radio" name="BuySell" value="S" onclick="valg('v2');">Sell</label>

<br>
<br>
Ved tryk på Buy skal option 1 være i listen, og ved tryk på Sell, skal option 2 være i listen. Option 3 skal altid være der.
<br>

<select name="ToAccount" id="vaelger" style="display: none;"></select>

<script>
   
    function valg(vno) {
       
        document.getElementById('vaelger').style.display = 'block';
        document.getElementById('valg1').style.display = (vno == 'v1') ? 'block' : 'none';
        document.getElementById('valg2').style.display = (vno == 'v2') ? 'block' : 'none';
       
    }

</script>

Mine radioknapper:<br>
<label><input type="radio" name="BuySell" value="B" onclick="valg('v1');">Buy<br style="clear:both;" ></label>
<label><input type="radio" name="BuySell" value="S" onclick="valg('v2');">Sell</label>

<p>
    <select name="ToAccount" id="vaelger" style="display: none;"  >
        <option value="3" >protoPaypal</option>
        <option value="1" id="valg1" style="display: none" >protoBank account</option>
        <option value="2" id="valg2" style="display: none" >protoCredit card</option>
       
    </select>
</p>