abrir dialog modal con select de html

[jmg1189]

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:

$(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:

<select name='accion_com' onchange="if(this.value.length>0){ location = this.value; element.setAttribute('id','showPopup'); }" class="menus">
                        <option value="" selected ></option>
                        <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.

[kraneok]

Si te he entendido bien, es esto lo que necesitas.

Código HTML:

<select id="combo">
 <option value="x">x</option>
 <option value="y">y</option>
 <option value="n">n</option>
</select>
 

Código Javascript:

$('#combo option').on ('click', function () {
   $('divdialog').dialog();
});
 

Saludos.

[jmg1189]

Iniciado por kraneok

Saludos.

hola kreaneok, gracias por responder.

No me funciona, ya que como el dialog no está llamando un div, sino que se crea un iframe dentro del cual llama un archivo .php.

[kraneok]

Iniciado por jmg1189

hola kreaneok, gracias por responder.

No me funciona, ya que como el dialog no está llamando un div, sino que se crea un iframe dentro del cual llama un archivo .php.

Código HTML:

<div id="dialogdiv">
       <iframe></iframe> 
</div>
 

Esto creo que debería funcionarte no?