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>

选择控件和DOM

1 个答案: