Foros del Web » Programando para Internet » Javascript »

Seleccionar opción para editar

Estas en el tema de Seleccionar opción para editar en el foro de Javascript en Foros del Web. Hola que tal, tengo una pregunta o inquietud, tengo un formulario hecho con bootstrap y que utilizo para agregar nuevos registros y tambien editarlos, este ...
  #1 (permalink)  
Antiguo 14/06/2016, 13:19
 
Fecha de Ingreso: abril-2006
Mensajes: 134
Antigüedad: 18 años
Puntos: 0
Seleccionar opción para editar

Hola que tal, tengo una pregunta o inquietud, tengo un formulario hecho con bootstrap y que utilizo para agregar nuevos registros y tambien editarlos, este es mi formulario, como pueden ver tiene 3 select que relleno con php.

Código HTML:
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Nuevo Objeto</h4>
            </div>
            <form role="form" action="" name="frmObjetos" onsubmit="Registrar(idO,accion); return false">
              <div class="col-lg-12">

              <div class="form-group">                  
                  <input name="nombre" class="form-control" placeholder="Nombre" required>
                </div>
              
              <div class="form-group">
              	<label>Categoría</label>
                  <select name="categoria" class="form-control" required>
                  <?php
				  $cat="SELECT ID,nombre FROM categorias Where visible=1 and Tcrt!=''";
				  $rat = mysqli_query($conn, $cat); if (!$rat) die("Error en el select de categorias" . mysqli_errno($conn));
				  while($fila = mysqli_fetch_array($rat, MYSQLI_ASSOC)){	
				  		$op1 = "<option value='".$fila["ID"]."'>";
						echo $op1.= $fila["nombre"]."</option>";
				  }
				  ?>
                  </select>
                </div>                
                
                <div class="form-group">
                <label>Ubicación/Sucursal</label>
                  <select name="ubicacion" class="form-control" required>
                  <?php
				  $UBI="SELECT nombre FROM sucursal Where visible=1";
				  $rub = mysqli_query($conn, $UBI); if (!$rub) die("Error en el select de sucursal" . mysqli_errno($conn));
				  while($raw = mysqli_fetch_array($rub, MYSQLI_ASSOC)){	
				  		$op = "<option value='".$raw["nombre"]."'>";
						echo $op.= $raw["nombre"]."</option>";
				  }
				  ?>
                  </select>
                </div>
				
                <div class="form-group">
                <label>Usuario</label>
                  <select name="user" class="form-control" required>
                  <?php
				  $USR="SELECT ID,nombre FROM user Where visible=1";
				  $rus = mysqli_query($conn, $USR); if (!$rus) die("Error en el select de user asignacion" . mysqli_errno($conn));
				  while($file = mysqli_fetch_array($rus, MYSQLI_ASSOC)){	
				  		$op2 = "<option value='".$file["ID"]."'>";
						echo $op2.= $file["nombre"]."</option>";
				  }
				  ?>
                  </select>
                </div>
				
                <div class="form-group">                  
                  <input name="marca" class="form-control" placeholder="Marca" required>
                </div>

                <div class="form-group">
                  <input name="modelo" class="form-control" placeholder="Modelo" required>
                </div>   
                
                <div class="form-group">
                  <input name="serie" class="form-control" placeholder="Serie" required>
                </div>   
                                
                <button type="submit" class="btn btn-info btn-lg">
                  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Registrar
                </button>

              </div>
            </form>
            <div class="modal-footer">
              <button type="button" class="btn btn-danger btn-circle" data-dismiss="modal"><i class="fa fa-times"></i>x</button>
            </div>
          </div>
        </div>
      </div> 
AHora bien para utilizar este formulario para editar le paso los valores con esta funcion y llamo al formulario o a la ventana:

Código HTML:
function Editar(id, nombre, marca, modelo, serie, cat){
		accion = "E";
		idO = id;
		document.frmObjetos.nombre.value=nombre;
		document.frmObjetos.marca.value=marca;
		document.frmObjetos.modelo.value=modelo;
		document.frmObjetos.serie.value=serie;
		
document.getElementById("categoria").options.namedItem(cat).selected;

		$('#modal').modal("show");
	}
lo que deseo hacer es indicarle al select que opción esta ya registrada y que me muestre, lo intente con ests sentencia dentro de la funcion de javascript:

document.getElementById("categoria").options.named Item(cat).selected;

Pero no lo he logrado.

Saben si es posible hacer esto y si es posible en que estoy equivocado?, de antemano gracias por la ayuda.

Saludos.
  #2 (permalink)  
Antiguo 16/06/2016, 03:13
 
Fecha de Ingreso: mayo-2014
Mensajes: 44
Antigüedad: 10 años
Puntos: 10
Respuesta: Seleccionar opción para editar

Veo que ya usas jQuery, así que podrías hacer:

Código Javascript:
Ver original
  1. $("#categoria").val(cat);

Pero bueno, con vanilla js sería:

Código Javascript:
Ver original
  1. document.getElementById('categoria').value = cat;

Saludos.
  #3 (permalink)  
Antiguo 17/06/2016, 11:54
 
Fecha de Ingreso: abril-2006
Mensajes: 134
Antigüedad: 18 años
Puntos: 0
Respuesta: Seleccionar opción para editar

Hola leugimsiul, gracias por comentar, pero ya probe y nada, esta sentencia:

Código HTML:
document.getElementById('categoria').value = cat;
me pone el select en blanco.

y esta otra:

Código HTML:
$("#categoria").val(cat);
pues tamben lo pone igual en blanco.

Gracias por el aporte, si tienes otra idea, te agradezco de antemano.

Saludos.
  #4 (permalink)  
Antiguo 17/06/2016, 13:13
 
Fecha de Ingreso: enero-2016
Ubicación: Venezuela
Mensajes: 139
Antigüedad: 8 años, 3 meses
Puntos: 3
Respuesta: Seleccionar opción para editar

Intenta así:

Código Javascript:
Ver original
  1. document.getElementsByName('categoria').value = cat;

Saludos.
  #5 (permalink)  
Antiguo 17/06/2016, 13:27
 
Fecha de Ingreso: diciembre-2015
Mensajes: 529
Antigüedad: 8 años, 4 meses
Puntos: 39
Respuesta: Seleccionar opción para editar

Es porque estás llamando al name en forma de id. Cambia el select así:

Código HTML:
Ver original
  1. <select name="categoria" id="categoria" class="form-control" required>

Y ahora sí añade el valor:

Código Javascript:
Ver original
  1. $("#categoria").val(cat);

Etiquetas: formulario, funcion, input, objeto, php, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:36.