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

时间:2014-08-23 07:45:19

标签: javascript animation select onchange option

我正在尝试编写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>

2 个答案:

答案 0 :(得分:0)

您可以使用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;
}

<强>更新

DEMO

答案 1 :(得分:0)

您已定义了一个函数changeScript(jsfile),但您没有传递任何值。它至少应该是:

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