Fatal编程技术网

Javascript html表单选择标记

javascript jquery html forms

Javascript html表单选择标记,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,这有点烦人，但即使我使用过html/css和一点点jquery，我对表单等还没有太多了解 我有一个问题，我不能谷歌的答案，但我相信你们中的一些硬核开发人员可以告诉我这个快速 我需要做一个如下的表格： var selectmenu = document.getElementById("selectMenu"); selectmenu.onchange = function() { var selectedOption = this.options[this.selectedIndex];

这有点烦人，但即使我使用过html/css和一点点jquery，我对表单等还没有太多了解

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

我需要做一个如下的表格：

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;
}

<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

<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>


选择
100
150
200
我需要，当我在我的下拉列表中选择一个元素时，它应该转到另一个url。。。这不可能吗？最好没有jquery

如果我正确地理解你，你想把一个值从一页带到另一页吗？
您可以将$_GET['name']与php一起使用。

如果您将
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;
}

<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>
你可以这样做：

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;
}

<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>


试验
函数donav（dd）
{
var navUrl=“”；
开关（dd.selectedIndex）
{
案例1：
navUrl=”http://www.google.com/";
打破
案例2：
navUrl=”http://www.bing.com";
打破
}
document.location.href=navUrl；
}
选择
100
150
200
对于jquery版本，这将如何工作？对不起，我不太擅长java脚本。。。如果我有3个不同的值，每个值都应该访问3个不同的网站。我的网站是纯html-不是。php@user1719764我刚刚添加了这个链接作为示例，您只需将引号（
“page.php？selectvalue=“
）中的部分替换为所需的URL即可。