Problemas para abrir janela modal de acordo com opção do select

Problemas para abrir janela modal de acordo com opção do select

HTML

<div id="formularioDependencia" class="col-md-4" onchange="nuevaDependencia()">
 <select id="selectCatalogoDependencia" class="form-control select2-single">
												<option value="0">Seleccione una opción</option>
												<option value="1">Dependencia 1</option>
											  	<option value="2">Dependencia 2</option>
												<option value="Otro">Otro...</option>
											</select>
</div>
<div id="dialog-modal" title="Basic modal dialog"></div>

JavaScript

$('#dialog-modal').hide();
    $('select').on('change',function(){
        var link = $(this).val();
        if(link != 'escolha'){
        $("#dialog-modal").dialog({
            modal: true
        });
		$('#dialog-modal').html("<a href='"+link+"'>"+link+"</a>");
        }
    })