Jquery to change src of a script tag using a select value

Question

I need to change the value of the src in the tag :

<script type='text/javascript' src='gray.js'></script>

For this I'm using a combobox:

<select id="chartTheme">
   <option value="dark-blue">Dark Blue</option>
   <option value="gray">Gray</option>
</select>

How to make it use a Jquery function when I select and click in a refresh button?

Source to refresh button:

<input type="image" name="commit" src="../icons/refresh.png" onClick="javascript:updateGraph()"></input>

Why do you want to change src? Just load a new script by getScript? — Gurpreet Singh
– Gurpreet Singh, Commented Nov 23, 2012 at 16:14
why do you want to load two different script files? It would be better to use a single file for you code and make your calls read a variable which you manipulate when you change the selection ... — Gabriele Petrioli
– Gabriele Petrioli, Commented Nov 23, 2012 at 16:16
The original script will already be loaded. No point in changing .src. may as well just load a new script or call a different function in the same script. — jfriend00
– jfriend00, Commented Nov 23, 2012 at 16:24

Ja͢ck · Accepted Answer · 2012-11-23 17:08:45Z

2

You could use $.getScript() for this purpose. It loads a new script into the page and runs the code inside.

function updateGraph()
{
    var sel = $('#chartTheme').val();

    $.getScript(sel + '.js');
}

edited Nov 23, 2012 at 17:08

answered Nov 23, 2012 at 16:26

Ja͢ck

174k39 gold badges269 silver badges316 bronze badges

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

3 Comments

Helio Bentzen Over a year ago

But, i have another scripts, like

<script src="/js/jquery-1.7.2.js" type="text/javascript"></script> <script src="/js/charts.js" type="text/javascript"></script>

Ja͢ck Over a year ago

@HelioBentzen I don't see how that affects anything?

Helio Bentzen Over a year ago

Forget it. it's working.. i just need use a timeout to load my graph because I called other function to render. Thanks a lot, Jack!

karacas · Accepted Answer · 2012-11-23 16:22:00Z

0

Try this:

$('#chartTheme').change(function () {
    var optionVal = $(this).val();
    console.log(optionVal);
    updateGraph();
});

answered Nov 23, 2012 at 16:22

karacas

2,1321 gold badge19 silver badges29 bronze badges

1 Comment

Ja͢ck Over a year ago

-1. "I need to change the value of the src in the tag" - I don't see how that's addressed here.

Jai · Accepted Answer · 2012-11-23 17:21:44Z

0

I think this should be like this:

$('input[name="commit"]').click(function(){
    var srcExt = $('#chartTheme').val();
    $('<script'+' type="text/javascript"'+' src='+ srcExt +'></'+'script>').appendTo('body');
});

answered Nov 23, 2012 at 17:21

Jai

74.8k12 gold badges77 silver badges104 bronze badges

1 Comment

Helio Bentzen Over a year ago

When I try it, the java make a wrong intrepretation of the <script'

karacas · Accepted Answer · 2012-11-23 17:31:17Z

0

$('#chartTheme').change(function () {
    var optionVal = $(this).val();
    var miSrc = "someSrc";
    $('input.someClass').attr('src', miSrc);
    updateGraph();
});

answered Nov 23, 2012 at 17:31

karacas

2,1321 gold badge19 silver badges29 bronze badges

Collectives™ on Stack Overflow

Jquery to change src of a script tag using a select value

4 Answers 4

3 Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related