如何通过javaScript从下拉列表中获取选定的值

Question

我正在尝试对javascript进行编码，以更改javascript文件src，以在背景上获取选定的动画。 这就是我想要做的。 如果您能给我正确的编码，将不胜感激。 非常感谢！ ^-^

<select id="select" onchange="changeScript();">

        <option value="js/style0.js" selected="selected">Basic</option>
        <option value="js/style1.js">Spring</option>
        <option value="js/style2.js">Summer</option>
        <option value="js/style3.js">Autumn</option>
        <option value="js/style4.js">Winter</option>

</select>

<script src="js/style.js" type="text/javascript" id="myscript"></script>
<script type="text/javascript"><!--
    function changeScript(jsfile) {
      document.getElementById('myscript').src = jsfile;
   }
// --></script>

Answer 1

您可以使用selectedIndexy属性从下拉列表中获取选定的值，例如

function changeScript() {   
    var select = document.getElementById("select"); //getting select element
    var jsfile = select.options[select.selectedIndex].value;
     //--------getting the selected value-------------^
    document.getElementById('myscript').src = jsfile;
}

更新

演示

Answer 2

您已经定义了一个函数changeScript（jsfile），但没有传递任何值。 它至少应该是：

<select id="select" onchange="changeScript(this.value);">