Olá, estou fazendo um cardápio no qual possui uma lista de seleção interativa manipulada pelo JavaScript. O problema é que quando eu vou alterar a opção de pão de acordo com o sanduíche escolhido nada acontece. Segue o código abaixo
        
    function pao(){
    	var sand = document.getElementById('ped');
    	var opcpao = document.createElement('select');
    	var p1 = document.createElement('option');
    	var p2 = document.createElement('option');
    	var p3 = document.createElement('option');
    	if (sand.value == 301) {
    		//p1.value = 301;
    		p1.text = "Árabe";
    		//p2.value = 301;
    		p2.text = "Bolão";
    		sand.appendChild(p1);
    		opcpao.appendChild(sand);
    	} else {
    
    	}
    	document.body.appendChild(opcpao);
    }