Jquery 使用选择值更改脚本标记的 src

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>

Answer 1

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');
}

Answer 2

Try this:

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

Answer 3

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');
});

Answer 4

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