New question

Question:

Date: 22-03-2019 15:19:49 (In Spanish)

Hola mi gente ocupo de su valiosa ayuda. Colocar un boton enseguida del combo[Resolved]

Necesito colocar un boton enseguida del combo para poder agregar una nueva categoria y un nuevo proveedor,
como poder hacerlo les dejo el fragmento de codigo.
gracias de antemano por su valiosa ayuda.

<form action="<?php echo SERVERURL;?>Ajax/productoAjax.php" method="POST" data-form="save" class="" enctype="multipart/form-data">
			                	
								<fieldset >
																
									<div class="form-group col-md-10 mx-auto">
										<label for="productoInput">Producto:</label>
						                <input name="productoInput" placeholder="Producto" class="form-control form-control-sm" type="text" required="">            
						            </div>
									<div class="form-group col-md-10 mx-auto">
										<label for="precioInput">Precio:</label>
						                <input name="precioInput" placeholder="Precio" class="form-control form-control-sm" type="text" required="">
						            </div>
						            <div class="form-group col-md-10 mx-auto">
										<label for="descripcionInput">Descripcion:</label>
						                <input name="descripcionInput" placeholder="Descripcion" class="form-control form-control-sm" type="text">
						            </div>
						            <div class="form-group col-md-10 mx-auto">
						            	<label for="existenciaInput">Existencias:</label>
						                <input name="existenciaInput" placeholder="Existencia" class="form-control form-control-sm" type="" required="">
						            </div>				       						       
						            <div class="form-group col-md-10 mx-auto" >
						            	<label for="categoriaInput">Categoria:</label>
						            	<select class=" col-md-12 text-center form-control-sm" name="categoriaInput" id="">
						            		<?php
						            			$consul=ProductoControler::viewCategoria_controler();
 		
										 		while( $datos = $consul->fetch() )
										 			{?>  
										    	<option value="<?php echo $datos['Categoria']?>"><?php echo $datos['Categoria']?></option> 
										    													    			
										    <?php 	} ?>		
						            	</select>
						            <div><button class="form-group btn-primary">add</button></div>
						            </div>
						            
						            <div class="form-group col-md-10 mx-auto" >
						            	<label for="proveedorInput">Proveedor:</label>
						                <select class="col-md-12 text-center form-control" name="proveedorInput"  id="">
						                	<?php 
						    					$consul=ProductoControler::viewProveedor_controler();
 		
										 		while( $datos = $consul->fetch() )
										 			{?>  
										    	<option value="<?php echo $datos['IdProveedor']?>"><?php echo $datos['PCompany']?></option> 
										    													    			
										    <?php 	} ?>	
						                </select>
						            </div>						            	            

									<div class="col-md-12 text-right"><input type="submit" value="Guardar" class="btn btn-primary">
									</div>
								</fieldset>
								
							</form>
Tags: CSS - HTML - PHP Votes: 0 - Answers: 2 - Views: 6 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 23-03-2019 13:20:46 Hola Mauricio:

    Te propongo desarrollarlo con JQuery en tres pasos
    Si quieres obviar JQuery, se puede desarrollar en Javascript.
    Para hacerlo completo, incluyo los botones agregar y eliminar para utilizarlos a tu antojo.
    Doy por hecho que el código que presentas te está funcionando bien.

    1.- Sustituye tus dos select con el botón app por esto:
    <div id="carga_datos"></div>
    
    <div class="row pull-left" style="margin-left: 0.1em; margin-top: 1.5em;">
    	<button id='agregar' type="button" class="form-group btn-primary">Agregar</button>
    	<button id='eliminar' type="button" class="form-group btn-primary">Eliminar</button>
    </div>


    2.- Añade este javascript (no te olvides incluir JQuery a tu página)
    <script>
    	$(function () {
     	// agregar o eliminar los campos select según el código de cargaDatos.php
     	var item = 0;
     	$("#agregar").click(function () {
     		$("div#carga_datos").append("<div id='div_" + item + "'><br><br></div>");
     		$("#div_" + item).load('cargaDatos.php');
     		item++;
     	});
     	$("#eliminar").click(function () {
     		item--;
     		$('div').find('[id="div_' + item + '"]').remove();
     	});
     }); 
    </script>


    3.- Lo que indico como .load('cargaDatos.php'); contendrá en página aparte tus select, sin el botón y sin necesidad de incluir cabecera o pie alguno (tal cual, con el nombre y la ruta que tú le asignes):
    <div class="form-group col-md-10 mx-auto">
    	<label for="categoriaInput">Categoria:</label>
    	<select class=" col-md-12 text-center form-control-sm" name="categoriaInput">
    		<?php
    			$consul=ProductoControler::viewCategoria_controler();
    			while( $datos = $consul->fetch() )
    			{
                    ?>
    		<option value="<?php echo $datos['Categoria']?>">
    			<?php echo $datos['Categoria']?>
    		</option>
    
    		<?php } ?>
    	</select>
    </div>
    
    <div class="form-group col-md-10 mx-auto">
    	<label for="proveedorInput">Proveedor:</label>
    	<select class="col-md-12 text-center form-control" name="proveedorInput">
    		<?php 
    		        $consul=ProductoControler::viewProveedor_controler();
     		        while( $datos = $consul->fetch() )
    		        {
                     ?>
    		<option value="<?php echo $datos['IdProveedor']?>">
    			<?php echo $datos['PCompany']?>
    		</option>
    
    		<?php } ?>
    	</select>
    </div>
      Votes: 0 - Link answer
     
  • Date: 24-03-2019 10:39:42 Muchas gracias amigo, es una buena idea vamos adecuarlo y ver que resulta.
    gracias nuevamente-
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com