首页 > 解决方案 > 选择框更改时调用网站(HTML、Javascript)

问题描述

直升机,

我有个问题。

我在 HTML 中有一个选择框。Now what I want is, that when the selection changed, a website is called with the value.

例如:

<select>
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
  <option value="d">d</option>
</select> 

现在,当我选择 c 时,会调用 URL change.php?option=a。

谢谢 :-)

标签: javascriptphpjqueryhtmlajax

解决方案


我想你需要这样的东西

<select>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
</select>

<script>
var select = document.querySelector('select');
select.addEventListener('change', function() {

var myURL = window.location.protocol + "//" + window.location.host + 
window.location.pathname;
document.location = myURL + "?option=" + select.value;

})
</script>

推荐阅读