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

【问题标题】：How to get the selected value from dropdown by javaScript如何通过javaScript从下拉列表中获取选定的值
【发布时间】：2014-08-23 07:45:18
【问题描述】：

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

【问题讨论】：

标签： javascript animation select onchange option

【解决方案1】：

你已经定义了一个函数 changeScript(jsfile) 但你没有传递任何值。至少应该是：

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

【讨论】：

非常感谢！我不太了解javascript。我需要学习它需要很长时间。 ^ - ^;

【解决方案2】：

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

【讨论】：

苏曼，非常感谢！你的回答听起来很有说服力，但它仍然不起作用。我正在网上搜索以找出解决方案。 (=ﾟωﾟ)ﾉ
我已经更新了演示，您可以在该演示上通过警报查看所选的 javascript 文件。不过，如果您遇到问题，请分享这个。
苏曼，感谢演示！但它仍然不起作用。 (´·ω·｀) 我写“”的时候出现了右边的背景，但是当我选择选项时，右边的警报出现但背景不变。我猜函数的位置是错误的。我应该在哪里写？ ^ - ^;
在加载完所有 dom 后编写 javascript 是一种很好的做法，因此我建议在 html 末尾编写脚本，例如 <script src="js/style.js" type="text/javascript" id="myscript"></script> <script type="text/javascript">....</script> </body></html>
苏门，非常感谢！它不起作用，但非常感谢您尝试解决我的问题。我一直在研究这种编码有什么问题。我会继续 stydying javascript。 (=ﾟωﾟ)ﾉ"♡