Criar <option> dinamicamente, como?

Front-end
#1

Pessoal, estou fazendo um cadastros de pizza, na parte de escolher para venda, tenho um e nele tenho os com todos os sabores disponíveis, só que eu fiz um botão para na hora que eu clickar nele, adicionar outro select com os sabores , queria a ajuda de vocês, pois não tenho tanto conhecimento em javascript.

#2

Ola …

Segue exemplo usando Jquery.

#3

Sample in jQuery:

&lt;html&gt;
	&lt;head&gt;
	  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
	&lt;select &gt;
		&lt;option&gt;Mercedes&lt;/option&gt;
		&lt;option&gt;Volvo&lt;/option&gt;
		&lt;option&gt;Ferrari&lt;/option&gt;
	&lt;/select&gt;
	
	&lt;input type="text" id="txt" /&gt;
	&lt;button id="submit"&gt;Add&lt;/button&gt;
	
	&lt;script type="text/javascript"&gt;
		$('#submit').click(function(){
			$('select').append("&lt;option&gt;"+ $('#txt').val() +"&lt;/option&gt;");
		});
	&lt;/script&gt;
	&lt;/body&gt;
&lt;/html&gt;

Flws.

#4

Sample in Javascript:

&lt;html&gt;
	&lt;body&gt;
	&lt;select id="select"&gt;
		&lt;option&gt;Mercedes&lt;/option&gt;
		&lt;option&gt;Volvo&lt;/option&gt;
		&lt;option&gt;Ferrari&lt;/option&gt;
	&lt;/select&gt;
	
	&lt;input type="text" id="txt" /&gt;
	&lt;button id="submit" onclick="add();"&gt;Add&lt;/button&gt;
	
	&lt;script type="text/javascript"&gt;
		function add(){
			var select = document.getElementById('select');
			var txt = document.getElementById('txt').value;
			
			select.innerHTML += "&lt;option&gt;"+ txt +"&lt;/option&gt;"
		}
	&lt;/script&gt;
	&lt;/body&gt;
&lt;/html&gt;

Flws.

#5 
<html>
<head>
<script type="text/javascript">
function addOption(valor){
        if(valor == ''){
           var descricao = prompt('Qual seria o outro assunto à tratar ?','teste-ct');
           var combo = document.getElementById('estados');
           var itens = combo.options.length;
           combo.options[itens] = new Option(descricao, descricao);
        }       
}
</script>
</head>
<body>
<form action="">
<select id="estados" name="estados" onchange="addOption(this.value);">
<option value="" >Selecione...</option>
<option value="" >Selecione...</option>
</select>

</form>
</body>
</html>

qualquer coisa da uma olhada nesse topico, é bem parecido com a sua duvida http://forum.imasters.com.br/topic/465660-select-html-mostrar-prompt-javascript/

#6