替代Javascript函数中的弹出窗口警报

Question

I have an alert that lets the user know that their selection has refreshed. What I would like to know is how can I display the selection change in a text label instead of a popup alert window to indicate the environment is loading and the environment is loaded. Thanks.

<section id="scripts">
<script type="text/javascript">
    $('#Areas').change(function ()
    {
        ****Help-Environment is loading***
        Application.Refresh();
                    ****Help-Environment is loaded***
    });
</script>
</section>

Answer 1

What you probably want to do is have an alert element on your page that defaults to display: none; , and then change it's content and display property on change.

HTML

<div id="alert" style="display: none;></div>

JS

$('#Areas').change(function ()
{
    var alert = $('#alert');
    alert.html('Your Selection Changed!');
    alert.show();
});

This is about as basic an example as possible and should be very easy to extend with some CSS+jQuery

Answer 2

Use jqModal or similar. https://github.com/eyoosuf/jqModal It is designed for exactly this purpose.