Javascript 选择控件和DOM

我正在尝试创建一个JS函数，该函数将从dropdownlist中获取一个值，将其作为查询字符串添加到http链接，然后打开该链接。 怎么办

假设这是

此处所选项目的语法是什么？

您需要：

这是：

要制作此文件：

<select id="test">
   <option>Volvo</option>
   <option>Saab</option>
   <option>Mercedes</option>
   <option>Audi</option>
</select>

<script>
var ddl = document.getElementById('test');
ddl.onchange = function(){
    window.location = 'https://www.google.com.au/search?hl=en&q=' + ddl.options[ddl.selectedIndex].text;
};
</script>

沃尔沃汽车
萨博
梅赛德斯
奥迪
var ddl=document.getElementById（'test'）；
ddl.onchange=函数（）{
window.location=https://www.google.com.au/search?hl=en&q='+ddl.options[ddl.selectedIndex].text；
};

你需要换一次吗？汉克斯。这只适用于列表中的奇数项，因此如果列表中有1,2,3,4,5，则仅在选择1,3或5时才会更改。为什么我必须将上面的脚本放在另一个函数中，然后在

select

定义中用“onchanged”调用它，因为脚本在头部，而下面的选择会由于加载顺序而导致错误

function openlink(link) {
            window.open(link + "SELECTED_ITEM_GOES_HERE");
        }

<select id="test">
   <option>Volvo</option>
   <option>Saab</option>
   <option>Mercedes</option>
   <option>Audi</option>
</select>

<script>
var ddl = document.getElementById('test');
ddl.onchange = function(){
    window.location = 'https://www.google.com.au/search?hl=en&q=' + ddl.options[ddl.selectedIndex].text;
};
</script>