javascript - 使用下拉菜单打开背景链接

Question

我对 Javascript 有点陌生。我不知道我要完成的名称，所以我希望你们都能给我指出正确的方向。

我有一个下拉菜单如下:

<select name="PA" disabled="disabled">
                    <option value="0" selected="selected">
                       --
                    </option>
                    <option value="2">
                       Physical
                    </option>
                    <option value="1">
                       Special
                    </option>
                    <option value="3">
                       Status
                    </option>
                 </select>

根据我的选择，将 2、1 或 3 加载到公式中并且效果很好。

但是，当用户选择三个选项之一时，我希望打开不同站点上的 URL。问题是，URL 不像 site.com/1.html 那么简单——相反，选择“物理”选项应该将 2 加载到上述公式中，我希望它在后台打开 site.com/physical。

我知道你不能为同一个选项设置两个值，所以我的想法是使用一个函数将 2 使用数组翻译成我想要的词，然后将该词加载到 URL 切换器中。

有人可以为我指明正确的方向吗？

Answer 1

您可以使用字符串设置“select”元素的onchange 属性。当用户在“选择”元素中更改他们的选择时，您的互联网浏览器将通过其 Javascript 解释器运行它。

因此，要实现您的想法，您可以执行以下操作:

    <script>
        function openPopup(val) {
            window.open("http://www.example.com/" + val);
        }
    </script>
    <select name="PA" onchange="openPopup(this.options[this.selectedIndex])">
        <option value="0" selected="selected">
           --
        </option>
        <option value="1" >
           Special
        </option>
        <option value="2">
           Physical
        </option>
        <option value="3">
           Status
        </option>
     </select>

重复一遍，“select”元素的 onchange 属性设置为字符串“openPopup(this.options[this.selectedIndex])”，当有人在下拉列表中选择一个选项时，它会通过 Javascript 解释器下。