Question

这有点令人讨厌，但即使我使用过html / css和一点点jquery，我还没有学过很多关于表单等的知识。

我有一个问题，我不能谷歌答案，但我相信你们中的一些硬核开发人员可以告诉我这个快！？

我需要制作一个看起来像这样的表格：

HTML

<form class="slct-form">
    <select>
        <option value="choose">Choose</option>
        <option value="100.000">100.000</option>
        <option value="150.000">150.000</option>
        <option value="200.000">200.000</option>
    </select>
</form>

我需要在我选择下拉表单中的一个元素时，它应该转到另一个URL ...这不可能吗？并且最好没有jquery！

Answer 1

如果您向id添加了select，则可以通过以下简单的javascript访问它：

var selectmenu = document.getElementById("selectMenu");
selectmenu.onchange = function() {
    var selectedOption = this.options[this.selectedIndex];
    if (selectedOption.value != "choose")
        window.location.assign = "/page.php?selectvalue=" + selectedOption.value;
}

Answer 2

如果我理解正确，你想把一个页面的值带到另一个页面？您可以使用带有php的$ _GET ['name']。

Answer 3

你可以这样做：

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Test</title>
        <script type="text/javascript">
        function donav(dd)
        {
            var navUrl = "";
            switch(dd.selectedIndex)
            {
                case 1:
                    navUrl = "http://www.google.com/";
                    break;
                case 2:
                    navUrl = "http://www.bing.com";
                    break;
         }
         document.location.href = navUrl;
        }
        </script>
    </head>
    <body>
<form class="slct-form">
    <select onchange="donav(this)">
        <option value="choose">Choose</option>
        <option value="100.000">100.000</option>
        <option value="150.000">150.000</option>
        <option value="200.000">200.000</option>
    </select>
</form>
</body>
</html>

html表单选择标记

3 个答案: