javascript - 获取更改的下拉列表选择的值，然后加载新页面

Question

我在页面上有 3 个下拉选择来帮助建立动态链接。

更改一个会在选择中使用 onchange 事件加载新页面:

<select name="park" onChange="getdata(this.options[this.selectedIndex].value)">

另外两个选择器用于选择 1 到 10 之间的数字:

Image Count:<select id="imgcon">
    <option value="4">4</option>
<?php

    for($z = 0; $z <= 10; $z++ )

    {
print '<option value="'.$z.'">'.$z.'</option>';
} ?>

另一个一模一样，但id是"vidcon"

我的问题是我无法在正在创建的动态链接中获取要更新的值。如果用户为 img/vidcon 选择 7 和 2，链接仍将使用默认的 4 和 4。

这是使用

var imgcon = document.getElementById('imgcon');
var imgconval = imgcon.value;

var vidcon = document.getElementById('vidcon');
var vidconval = vidcon.value;

在另一个 stackoverflow 问题的帮助下，我尝试了这个:

document.getElementById('imgcon').onchange = function() {
    var imgconval = this.value;
}

document.getElementById('vidcon').onchange = function() {
    var vidconval = this.value;
}

但这会停止新页面加载，并且必须干扰生成链接的这一行

function getdata(id){window.location = "index.php?id="+id+"&img="+imgconval+"&vid="+vidconval;}

有人可以帮助我吗 imgconval和vidconval在用户更改默认值后显示正确的值并拥有它，以便页面在 <select name="park"> 时仍然加载动态链接已更改。

谢谢

Answer 1

var imgconval, vidconval;

document.getElementById('imgcon').onchange = function() {
    imgconval = this.value;
}

document.getElementById('vidcon').onchange = function() {
    vidconval = this.value;
}

您必须在函数外部定义变量，以便可以在其他地方访问它。