我正在尝试创建一个 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 的语法是什么?
最佳答案
你需要这个: 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>
关于javascript - 选择控件和 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13801429/