Hello how are the problems I have is how to make a texbox visible depending on the value of a drop-down list,
I attach the vision code
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Proyecto Empresa | Usuarios</title>
<link rel="stylesheet" href="<?php echo base_url();?>assets/css/bootstrap.min.css">
<style type="text/css">
body {
padding-top: 60px;
}
.contenido{
padding: 10px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="<?= base_url('usuarios')?>">Usuarios</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Operaciones<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Reportes Mensual</a></li>
<li><a href="#">Reportes Anual</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Mantenimiento<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Usuarios</a></li>
<li><a href="#">Clientes</a></li>
</ul>
</li>
<li><a href="#contact">Indicadores</a></li>
<li><a href="#contact">Cuadro de Mando</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user fa-fw"></i> <?= $this->session->userdata('name')?><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user fa-fw"></i>Perfil</a></li>
<li><a href="javascript:void(0)" id="cerrar"><i class="fa fa-sign-out fa-fw"></i> Cerrar Sesion</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<section class="contenido">
<div class="row">
<div class="tab-content">
<div class="tab-pane active" id="tab3">
<br>
<div class="row">
<div id="listaEmpleados" class="col-lg-8">
</div>
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-body">
<form id="form-actualizar" class="form-horizontal" action="<?php echo base_url();?>usuarios/guardar" method="POST" role="form" style="padding:0 10px;">
<div class="form-group">
<label class="col-lg-1">Modalidad:</label>
<div class="col-md-2">
<select name="Categorias" class="form-control">
<option value="" selected="" disabled="">Elija una Opcion</option>
<?php
foreach ($datos as $i => $categoria){
echo '<option value="'.$i.'">'.$categoria.'</option>';
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-1">Estado de curso:</label>
<div class="col-md-2">
<select name="estado" class="form-control">
<option value="" selected="" disabled="">Elija una Opcion</option>
<option value="1" >Planeado</option>
<option value="2">Eljecutado</option>
</select>
</div>
</div>
<div class="form-group">
<label for="ejemplo_email_1">N de desertores</label>
<input type="text" class="form-control" name="deser" >
</div>
<div class="form-group">
<label for="ejemplo_password_1">N de facilitadores</label>
<?php
if ($datos==="Autoestudio") {
?>
<input type="text" class="form-control" name="facil" value="N/A" disabled >
<?php
} else {
?>
<input type="text" class="form-control" name="facil" >
<?php
}
?>
</div>
<div class="form-group">
<button type="submit" id="btnactualizar" class="btn btn-success btn-block">Guardar</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="<?php echo base_url();?>assets/js/jquery-1.11.3.min.js"></script>
<script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>assets/js/usuarios.js"></script>
<script src="<?php echo base_url();?>assets/js/login.js"></script>
</body>
</html>
</body>
</html>
for example I want that when the combo selected in self-study is disabled the textbox number of facilitators.asi as in the example
Advance a bit ...
Here is the view that will be left
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Proyecto Empresa | Usuarios</title>
<link rel="stylesheet" href="<?php echo base_url();?>assets/css/bootstrap.min.css">
<style type="text/css">
body {
padding-top: 60px;
}
.contenido{
padding: 10px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Intergrupo</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="<?= base_url('usuarios')?>">Usuarios</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Operaciones<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Reportes Mensual</a></li>
<li><a href="#">Reportes Anual</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Mantenimiento<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Usuarios</a></li>
<li><a href="#">Clientes</a></li>
</ul>
</li>
<li><a href="#contact">Indicadores</a></li>
<li><a href="#contact">Cuadro de Mando</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user fa-fw"></i> <?= $this->session->userdata('name')?><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user fa-fw"></i>Perfil</a></li>
<li><a href="javascript:void(0)" id="cerrar"><i class="fa fa-sign-out fa-fw"></i> Cerrar Sesion</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<section class="contenido">
<div class="row">
<div class="tab-content">
<div class="tab-pane active" id="tab3">
<br>
<div class="row">
<div id="listaEmpleados" class="col-lg-8">
</div>
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-body">
<form id="form-actualizar" class="form-horizontal" action="<?php echo base_url();?>usuarios/guardar" method="POST" role="form" style="padding:0 10px;">
<div class="form-group">
<label class="col-lg-1">Modalidad:</label>
<div class="col-md-2">
<select name="Categorias" class="form-control" class="Categorias">
<option value="" selected="" disabled="">Elija una Opcion</option>
<?php
foreach ($datos as $i => $categoria){
echo '<option value="'.$i.'">'.$categoria.'</option>';
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-1">Estado de curso:</label>
<div class="col-md-2">
<select name="estado" class="form-control" id="estado">
<option value="" selected="" disabled="">Elija una Opcion</option>
<option value="1" >Planeado</option>
<option value="2">Eljecutado</option>
</select>
</div>
</div>
<script type="text/javascript">
$(function(){
$(".Categorias").on('click',function(e){
e.preventDefault();
var _form=$(".form-actualizar");
$.ajax({
url:base_url+'usuarios/getModalidad',
type:'POST',
dataType:'json',
data:_form.serializeArray(),
})
.done(function(response){
})
})
})
</script>
<div class="form-group">
<label for="ejemplo_email_1">N de desertores</label>
<input type="text" class="form-control" name="deser" >
</div>
<div class="form-group">
<label for="ejemplo_password_1">N de facilitadores</label>
<?php
if ($datos==="Autoestudio") {
?>
<input type="text" class="form-control" name="facil" value="N/A" disabled >
<?php
} else {
?>
<input type="text" class="form-control" name="facil" >
<?php
}
?>
</div>
<div class="form-group">
<button type="submit" id="btnactualizar" class="btn btn-success btn-block">Guardar</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="<?php echo base_url();?>assets/js/jquery-1.11.3.min.js"></script>
<script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>assets/js/usuarios.js"></script>
<script src="<?php echo base_url();?>assets/js/login.js"></script>
</body>
</html>
</body>
</html>
here is the model
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Usuarios_model extends CI_Model {
function guardar($data){
$this->db->insert("cmi_curs_regi", $data);
if ($this->db->affected_rows() > 0) {
return true;
}
else{
return false;
}
}
public function get_categorias(){
$query = $this->db->query('SELECT COD_MODA,NOM_MODA FROM cmi_moda');
if ($query->num_rows()>0)
foreach($query->result() as $row){
$datos[($row->COD_MODA)] = $row->NOM_MODA;
}
$query->free_result();//libera la memoria despues de usar el foreach cuando se tiene bastante data
return $datos;
}
public function getModalidad($consulta){
$query = $this->db->query('SELECT NOM_MODA FROM cmi_moda where COD_MODA=.$consulta.');
if ($query->num_rows()>0)
foreach($query->result() as $row){
$datos[($row->NOM_MODA)] ;
}
$query->free_result();//libera la memoria despues de usar el foreach cuando se tiene bastante data
return $datos;
var_dump($datos);
}
}
Here is the controller
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Usuarios extends CI_Controller {
public function __construct(){
parent::__construct();
$this->load->model('Usuarios_model');
}
public function index(){
$data['datos'] = $this->Usuarios_model->get_categorias();
$this->load->view('frontend/usuarios',$data);
}
public function guardar(){
$estado = $this->input->post("estado");
$deser = $this->input->post("deser");
$facil = $this->input->post("facil");
$categorias = $this->input->post("Categorias");
$data = [
"EST_CURS_REGI"=>$estado,
"NUM_DESE"=>$deser,
"NUM_FACI"=>$facil ,
"CMI_MODA_COD_MODA" =>$categorias];
//print_r ($data);
if ($this->Usuarios_model->guardar($data) == true) {
//redirect('usuarios');
}
}
public function getModalidad(){
$_name=$this->input->post('Categorias');
$consulta = [
"CMI_MODA_COD_MODA" =>$categorias];
if ($this->Usuarios_model->guardar($data) == true) {
return $datos;
echo var_dump($datos);
}
}
}
My strategy is how I'm just going to want that data from that part, send that part of the form by ajax to the controller and ask the model to be ok?
It works like this
<script >
$(function(){
$("#Categorias").on('change',function(e){
if($("#Categorias").val()==="1"){
$("#prueba1").attr("disabled",true);
$("#prueba1").val("N/A");
}else{
$("#prueba1").attr("disabled",false);
$("#prueba1").val("");
}
})
});
</script>