javascript - 選択値を使用してスクリプトタグのsrcを変更するJquery

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

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

Answer 4

これは次のようにすべきだと思います：

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