Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MarcianoRibeiro

dois list menu com o mesmo select

Recommended Posts

Boa Tarde

Estou trabalhando em uma página onde o usuário ira cadastrar vários itens,

Adicionando linhas conforme a quantidade de itens que irá cadastrar.

O que não estou conseguindo é fazer mais de um list menu com o mesmo select,

segue o código que estou usando

<!-- consultas de tipos de materiais, formatos .... -->
<?php 
$consulta_nome_material = $conn->query('SELECT * FROM tipos_material');
?>


<!-- linha 1 -->
<tr>
<td><input name="nome_da_peca[]" type="text" size="20" maxlength="100" /></td>
<td><input name="quantidade[]" type="text" size="5" maxlength="10" /></td>
<td>  
<select name="tipo_material" id="tipo_material">
<option value="0">selecione</option>

<?php while( $resultado_nome_material = $consulta_nome_material->fetch(PDO::FETCH_ASSOC)) {?>
<option value="<?php echo "{$resultado_nome_material['nome_material']}"?>"><?php echo "{$resultado_nome_material['nome_material']}"?> </option>
<?php }?>

</select>
</td>
<td>
<select name="formato_material" id="formato_material">
<option value="0">selecione</option>
<?php while( $resultado_formato_material = $consulta_formato_material->fetch(PDO::FETCH_ASSOC)) {?>
<option value="<?php echo "{$resultado_formato_material['nome_formato']}"?>"><?php echo "{$resultado_formato_material['nome_formato']}"?> </option>
<?php }?>
</select>
</td>
<td>imagem</td>
<td><input name="medida1[]" type="text" id="medida1[]" size="10" maxlength="100" /></td>
<td><input name="medida2[]" type="text" id="medida2[]" size="10" maxlength="100" /></td>
<td><input name="medida3[]" type="text" id="medida3[]" size="10" maxlength="100" /></td>
<td><input name="peso[]" type="hidden" size="15" maxlength="100" /></td>
<td><input name="valor[]" type="hidden" size="20" maxlength="100" /></td> 
<!-- aplicar fórmula para calcular o valor -->
<td><button onclick="RemoveTableRow(this)" type="button">Remover</button></td>
</tr>

<!-- linha 2 -->
<tr>
<td><input name="nome_da_peca[]" type="text" size="20" maxlength="100" /></td>
<td><input name="quantidade[]" type="text" size="5" maxlength="10" /></td>
<td>  
<select name="tipo_material" id="tipo_material">
<option value="0">selecione</option>

<!-- ESSE WHILE NÃO FUNCIONA -->
<?php while( $resultado_nome_material = $consulta_nome_material->fetch(PDO::FETCH_ASSOC)) {?>
<option value="<?php echo "{$resultado_nome_material['nome_material']}"?>"><?php echo "{$resultado_nome_material['nome_material']}"?> </option>
<?php }?>

</select>
</td>
<td>
<select name="formato_material" id="formato_material">
<option value="0">selecione</option>
<?php while( $resultado_formato_material = $consulta_formato_material->fetch(PDO::FETCH_ASSOC)) {?>
<option value="<?php echo "{$resultado_formato_material['nome_formato']}"?>"><?php echo "{$resultado_formato_material['nome_formato']}"?> </option>
<?php }?>
</select>
</td>
<td>imagem</td>
<td><input name="medida1[]" type="text" id="medida1[]" size="10" maxlength="100" /></td>
<td><input name="medida2[]" type="text" id="medida2[]" size="10" maxlength="100" /></td>
<td><input name="medida3[]" type="text" id="medida3[]" size="10" maxlength="100" /></td>
<td><input name="peso[]" type="hidden" size="15" maxlength="100" /></td>
<td><input name="valor[]" type="hidden" size="20" maxlength="100" /></td> 
<!-- aplicar fórmula para calcular o valor -->
<td><button onclick="RemoveTableRow(this)" type="button">Remover</button></td>
</tr>


Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui o que queria...

Criar mais de um <select> com a mesma consulta no banco de dados usando o foreach

em cada linha que o usuário adicionar

<?php 
require_once("../../includes/class_mysql.php");

// AQUI FAÇO O BUSCO NO BANDO DE DADOS OS DADOS PARA O <SELECT>
$select = $conn->query("SELECT nome_material FROM tipos_material"); 
$result = $select->fetchAll();
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="../../js/jquery.min.js"></script>
		

<script>
// remove as linhas
(function($) {

RemoveTableRow = function(handler) {
var tr = $(handler).closest('tr');

tr.fadeOut(400, function(){ 
tr.remove(); 
}); 

return false;
};
})(jQuery);
</script>

		<script>
		// adciona linha //
		(function($) {
		AddTableRow3 = function() {
		
			var newRow = $("<tr>");
			var cols = "";
			cols += '<td><input name="nome_da_peca[]" type="text" size="20" maxlength="100" /></td>';
			cols += '<td><select name="tipo_material" id="tipo_material">';
			cols += '<option value="0"> selecione </option>';
			
			
			// AQUI USO O FOREACH PARA CRIAR O LIST MENU <SELECT> EM QUANTAS LINHAS O USUÁRIO ADICIONAR  
			<? foreach($result as $row){ ?>
			cols += '<option value="<?php echo "{$row['nome_material']}"?>"><?php echo "{$row['nome_material']}"?> </option>';
			<?}?>
			
			cols += '</select></td>';
			cols += '<td><select name="formato_material" id="formato_material">';
			cols += '<option value="0">selecione</option></select></td>';
			cols += '<td id="imagem" align="center" width="80" height="15"> </td>'
			cols += '<td><input name="quantidade[]" id="quantidade"	type="text" 	size="5" maxlength="10" /></td>';
			cols += '<td><input name="medida1[]" 			type="text" id="medida1[]" 	size="10" maxlength="100" /></td>';
			cols += '<td><input name="medida2[]" 			type="text" id="medida2[]" 	size="10" maxlength="100" /></td>';
			cols += '<td><input name="medida3[]" 			type="text" id="medida3[]" 	size="10" maxlength="100" /></td>';
			cols += '<td align="center"><span id="total_peso"> </span><input type="hidden" name="total_peso="total_peso"/></td>	';
			cols += '<td align="center"><span id="total_valor"></span><input type="hidden" name="total_valor="total_valor"/></td>';
			cols += '<td>';;
			cols += '<button onclick="RemoveTableRow(this)" type="button">Remover</button>';
			cols += '</td>';
		
			newRow.append(cols);
			$("#materia_prima-table").append(newRow);
		
			return false;
		};
		})(jQuery);
		</script>
		
</head>

		<div id="materia-prima">
			<form name="materia_prima" id="materia_prima" action="grava_atualiza_orcamento.php" method="post">	
				<td><b>Materia-Prima</b></td>
					
					
				<!-- colocar no mínimo 6 linhas -->	
				<table id="materia_prima-table">
					<tr>
						<td>Nome da Peça</td>
						
						<td>Material</td>
						<td>Formato</td>
						<td></td>
						<td>Quant</td>
						<td>Medida 1(mm)</td>
						<td>Medida 2(mm)</td>
						<td>Medida 3(mm)</td>
						<td align="center">Peso Estimado(kg)</td>
						<td align="center">Valor(R$)</td>
						<td></td>	
					</tr>
					<br>
<!-- linha 1 -->
<tr>
	<td><input name="nome_da_peca[]" type="text" size="20" maxlength="100" /></td>
	<td>  
	
		<select name="tipo_material" id="tipo_material">
			<option value="0"> selecione </option>
			<?php 
			foreach($result as $row){ ?>
				<option value="<?php echo "{$row['nome_material']}"?>"><?php echo "{$row['nome_material']}"?> </option>
			<?php }?>
		</select>
		
	</td>

	<td>
		<select name="formato_material" id="formato_material" onChange="verificaopcao(this.value)" >
			<option value="0">selecione</option>
			<!-- AINDA NÃO PASSEI PARA O FOREACH, SERÁ IGUAL AO <SELECT> DE CIMA -->
				<?php while( $resultado_formato_material = $consulta_formato_material->fetch(PDO::FETCH_ASSOC)) {?>
			<option value="<?php echo "{$resultado_formato_material['nome_formato']}"?>"><?php echo "{$resultado_formato_material['nome_formato']}"?> </option>
			
				<?php }?>
		</select>
	</td>
	
	<td id="imagem" align="center" width="80" height="10"> </td>
	<td><input name="quantidade[]" id="quantidade"	type="text" 	size="5" maxlength="10" /></td>
	<td><input name="medida_1[]"  id="medida_1"		type="text"  	size="10" maxlength="100" /></td>
	<td><input name="medida_2[]"  id="medida_2"		type="text"  	size="10" maxlength="100" /></td>
	<td><input name="medida_3[]"  id="medida_3"		type="text"  	size="10" maxlength="100" disabled  /></td>
		
	<td align="center"><span id="total_peso"></span>
	<input type="hidden" name="total_peso="total_peso"/>    
	</td>	
	
	
	<td align="center" ><span id="total_valor"></span>
	<input type="hidden" name="total_valor="total_valor"/> 
	</td>
	
	<td><button onclick="RemoveTableRow(this)" type="button">Remover</button></td>
</tr>

				
		</tbody>
		<tfoot>
			<tr>
				<td colspan="10"></td>							
				<td><button onclick="AddTableRow3()" type="button">Adicionar Peça</button></td>
			</tr>
			<tr>
				<td colspan="9"></td>							
				<td><input id="total" value="total"></input></td>
			</tr>
			<br>
			<tr>
			<td colspan="11" align="right">	
				</label><input type="image" src="imagens/ok.gif"  name="button" id="button" value="entrar"/></label>
			</td>
			</tr>	
	</table>
	</tfoot>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.