javascript - Jquery 使用选择值更改脚本标签的 src

Question

我需要更改标签中 src 的值 ：

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

为此，我使用了一个组合框：

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

当我选择并单击刷新按钮时，如何使其使用 Jquery 函数？

刷新按钮的来源：

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

Answer 1

您可以$.getScript()用于此目的。它将一个新脚本加载到页面中并运行其中的代码。

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

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

Answer 2

试试这个：

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

Answer 3

我认为这应该是这样的：

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