execute external script when the last option value selected

Question

I working on little page where user have to select 4 thing, once the last option value is selected then I want to execute external script like to load overly player:

<script scr="video.js" async="true" callback="myFunction()"></script>

Tried to use $.getScript but it's not working as I wanted. This is part of the code where I tried to add:

$("select").change(function(){
    $(this).find("option:selected").each(function(){
        var optionValue = $(this).attr("value");
        if(optionValue){
            $(".box").not("." + optionValue).hide();
            $("." + optionValue).show();

        } else{
            $(".box").hide();
        }
    });
}).change();

Thanks for help and understanding, Bart

where is the select options?

tonoslfx
– tonoslfx

2017-10-20 14:10:47 +00:00
Commented Oct 20, 2017 at 14:10 — tonoslfx
– tonoslfx, Commented Oct 20, 2017 at 14:10

Bart · Accepted Answer · 2017-10-23 18:03:59Z

0

Topic can be closed, below you can check how I made it working

    $("select").change(function(){
    $(this).find("option:selected").each(function(){
        var optionValue = $(this).attr("value");
        if(optionValue){
            $(".box").not("." + optionValue).hide();
            $("." + optionValue).show(function(){
                var includes = $('[data-include]');
                jQuery.each(includes, function(){
                  var file = 'views/' + $(this).data('include') + '.html';
                  $(this).load(file);
                });
              });
        } else{
            $(".box").hide();
        }
    });
}).change();

answered Oct 23, 2017 at 18:03

Bart

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

execute external script when the last option value selected

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related