使用下拉选择更改JS数组

Question

我想通过从下拉框中选择数组来更改所使用的数组。然后，脚本将给定数组中的项随机化。

完整的代码可以在这里查看： http://codepen.io/anon/pen/Lqkdp/

HTML:

<select id="scale" name="scale" onchange="changeScale()">
<option value="array_Amaj">Amaj</option>
<option value="array_chromatic">Chromatic</option>
</select>

  <div id="scaleprint"></div>

JS:

var array_chromatic = ['A', 'A%23', 'Bb', 'B', 'C', 'C%23', 'Db', 'D', 'D%23', 'Eb', 'E', 'F', 'F%23', 'Gb', 'G', 'G%23', 'Ab'];

var array_Amaj = ['A', 'B', 'C%23', 'D', 'E', 'F%23', 'G%23'];

function changeScale()
{
  array_scale = document.getElementById("scale").value;
  document.getElementById("scaleprint").innerHTML = array_scale;
  array_chromatic = array_scale;
}

如果用户选择“Chromatic”，名为“scaleprint”的DIV应该更新，脚本的下一部分应该使用该数组随机化并显示给定的注释。

function renderKnuth()
        {
            array_chromatic.knuthShuffle();
            var audio = document.getElementById('sound');
      audio.src = 'http://lofiz.co.uk/gtr/dontfret/' + array_chromatic[0] + '.mp3';
      var str1 = array_chromatic[0]
      str2 = str1.replace("%23", '#');
            document.getElementById('knuth_data2').innerHTML = str2;

        }

Answer 1

在将array_chromatic设置为字符串之后

array_chromatic = array_scale

这

array_chromatic.knuthShuffle() 

又回来了。

更新

将元素上的值更改为如下数字

<option value="0">Amaj</option>
<option value="1">Chromatic</option>

那就改变这个

array_chromatic = array_scale;

到这个

array_chromatic = my_arrays[array_scale];

然后加上这个

var my_arrays  = [array_Amaj, array_chromatic];

就在数组定义的下面。