hola a todos
Tengo el siguiente inconveniente. Tengo un select de html con varias opciones, lo que necesito es que al seleccionar una opción, se abra un dialog modal de jquery, el modal me funcionaba anteriormente al hacer click sobre un <a href>, pero debido a requerimientos del usuario, se necesita que se haga sobre el select option. he logrado que el select se diriga a la pagina indicada enviando unas variables por URL, pero no he logrado que se abra el modal. Dejo el código para ver si alguien puede ayudarme.
este es el código del dialog:
Código Javascript
:
Ver original$(function(){
$('#showPopup').click(function(e) {
e.preventDefault();
var $this = $(this);
var horizontalPadding = 15;
var verticalPadding = 15;
$('<iframe id="site" src="' + this.href + '" />').dialog({
title: ($this.attr('title')) ? $this.attr('title') : 'Site', autoOpen: true,width: 700,height: 200,modal: true,position :['center',200],resizable: false,
autoResize:true,show: "clip",hide: "clip", overlay: { opacity: 0.5, background: "black"},
open: function() { jQuery('.ui-widget-overlay').bind('click', function() { jQuery('#site').dialog('close');})},
close: function(event, ui) { window.location.reload(); }
}).width(700 - horizontalPadding).height(200 - verticalPadding);
});
});
y éste es mi select:
Código HTML:
Ver original<select name='accion_com' onchange="if(this.value.length>0){ location = this.value; element.setAttribute('id','showPopup'); }" class="menus">
<option value="fordescarga2_pru.php?item=<?php echo $item;?>&ent=<?php echo $entidad;?>
&seguro=<?php echo $permiso;?>
&DESCARGA=<?php echo $C;?>
&operador=SI">Comentar</option> </select>
intenté asignarle un id al elemento cuando se cumpliese la condición, ya que es con el id que se carga el showpopup.
espero me puedan ayudar, muchas gracias.