Skip to main content
se añadieron 692 caracteres en el cuerpo
Origen Enlace

Estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Respuesta a Gerardo Rosciano

<select name="empresa_id" id='empresa_id' class='form-control' onchange="loadContent('<?php echo route('getsuc', this.value)?>', 'sucursal')">
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="sucursal_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Respuesta a Gerardo Rosciano

<select name="empresa_id" id='empresa_id' class='form-control' onchange="loadContent('<?php echo route('getsuc', this.value)?>', 'sucursal')">
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="sucursal_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>
se eliminaron 89 caracteres en el cuerpo
Origen Enlace
lois6b
  • 7.6k
  • 5
  • 33
  • 54

Estimados, estoyEstoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Si necesitan alguna informacion extra, me avisan.

Quedo atento.

Gracias!

Estimados, estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Si necesitan alguna informacion extra, me avisan.

Quedo atento.

Gracias!

Estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>
Origen Enlace

Jquery.Ajax no funciona en Chrome, pero si funciona en Firefox

Estimados, estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Si necesitan alguna informacion extra, me avisan.

Quedo atento.

Gracias!