Question: Is it possible to have a drop down on a form and when the user selects one of the values a pop up to open? What I am trying to do is have a drop down of about probably 125. When the user selects one its going to pop up a mini window showing a picture and the price.. each value will be a different popup? Has anyone ever tried anything like this? Once they select the check mark it will close or they can hit the X on top if they did not like it. Where do I go from here? Any examples would be greatly appreciated!

```
<select name="SPECIAL" id="SPECIAL" >
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

```

Answer: 
Did you want some thing like this: [**DEMO**](http://jsfiddle.net/fiddleyetu/wgqmm8pj/)?

```
$(function() {
    $('#SPECIAL').on('change', function() {
        if ($('option:selected', this).is('[data-img]')) {
            $('#modal_special').find('.modal-body').html('<p>Image will go here:</p>')
            .append('<img alt="coming soon" src="' + $('option:selected', this).data('img') + '"/>')
            .end().modal('show');
        }
    });
    $('.accept').on('click',function() {
        //do something
        $('#modal_special').modal('hide');
    });
});

```
You can use jquery ui to open a dialog window([jquery-ui](http://api.jqueryui.com/dialog/#entry-examples)) and trigger on your select change event like:

```
$("SPECIAL").on("change", function(){
    //here goes the code to open dialog
});

```