show an alert when selecting an option

1

I would like to know how to display an alert in javascript when you select an option from a list.

my code:

<!DOCTYPE html>
<html>
<body>
<select id="test">
<option id="uno" value="uno">uno</option>
<option id="dos" value="dos">dos</option>
</select>
<script language="JavaScript" type="text/javascript">
    $(document).ready(function () {
        $("#test").change(function () {            
            var op = $(this).val();
            switch (op) {
                case "dos":
                alert("uno");
                    break;
                case "uno":
                alert("dos");
            }
        });
</script>
</body>
</html>
    
asked by Eduardo Leon 18.07.2018 в 01:13
source

1 answer

3

You needed to close the $(document).ready()

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<select id="test">
<option id="uno" value="uno">uno</option>
<option id="dos" value="dos">dos</option>
</select>
<script language="JavaScript" type="text/javascript">
    $(document).ready(function () {
        $("#test").on('change', function () {            
            var op = $(this).val();
            switch (op) {
                case "dos":
                    alert("uno");
                    break;
                case "uno":
                    alert("dos");
                    break;
            }
        });
    });
</script>
</body>
</html>
    
answered by 18.07.2018 / 01:18
source