javascript - 选择控件和 DOM

Question

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

假设这是 <select>

<select>
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="mercedes">Mercedes</option>
   <option value="audi">Audi</option>
 </select> 

我如何在 DOM 中使用它来访问 DDL 上所选项目的值？

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

SELECTED_ITEM_GOES_HERE 的语法是什么？

Answer 1

你需要这个: Get selected value in dropdown list using JavaScript?

还有这个: How to set querystring with Javascript

要生成这个:

<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>