Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “需要帮助”按钮从下拉列表中获取重定向输入_Javascript - Fatal编程技术网

Javascript “需要帮助”按钮从下拉列表中获取重定向输入

Javascript “需要帮助”按钮从下拉列表中获取重定向输入,javascript,Javascript,你好:我想做一些相对简单的事情,但我在摸索着想办法解决这个问题,结果一无所获。基本上我想要的是: 在带有几个选项的页面上有一个下拉列表,下拉列表下方有一个提交按钮 如果您在下拉列表中选择不同的项目,它基本上会根据您选择的内容将您重定向到不同的位置…尝试使用javascript执行此操作 我用“点击”和“按id获取元素”等多种方法尝试了这一点,但无法使任何东西正常工作 我最近的一次尝试是在下拉列表中使用“on change”;但这也没用 这是我的密码: <form> <selec

你好:我想做一些相对简单的事情,但我在摸索着想办法解决这个问题,结果一无所获。基本上我想要的是:

  • 在带有几个选项的页面上有一个下拉列表,下拉列表下方有一个提交按钮
  • 如果您在下拉列表中选择不同的项目,它基本上会根据您选择的内容将您重定向到不同的位置…尝试使用javascript执行此操作
  • 我用“点击”和“按id获取元素”等多种方法尝试了这一点,但无法使任何东西正常工作
  • 我最近的一次尝试是在下拉列表中使用“on change”;但这也没用
  • 这是我的密码:

    <form>
    <select id="user1" name="user1" onchange="gfunction1(this)">
    <option value=""></option>
    <option value="coach_input">Submit a Score</option>
    <option value="team_pages">Get Team Information</option>
    </select>
    
    <div style="text-align: center;">
    
    <button onclick="gfunction2()">Submit</button>
    
    </div>
    
    </form>
    
    <script>
    var gc_user2;
    
    function g_function1(sel) {
     var value = sel.value;  
     gc_user2 = value;
     }
    
    
    
    function gfunction2() {
    
    
    if (gc_user2 === "coach_input")
    {
    window.location=”http://blastr.com”;
    }
    
    else if (gc_user2 === "team_pages")
    {
     window.location=”http://google.com”;
    }
    </script>
    
    
    评分
    获取团队信息
    提交
    var gc_user2;
    功能g_功能1(sel){
    var值=选择值;
    gc_user2=值;
    }
    函数gfunction2(){
    如果(gc_user2==“coach_输入”)
    {
    window.location=”http://blastr.com”;
    }
    else if(gc_user2==“团队页面”)
    {
    window.location=”http://google.com”;
    }
    
    我想知道是否有人能帮上忙


    谢谢…

    我将使用jquery来完成此任务,并使用此事件:(未经测试,但您已经明白了)


    您可以尝试此方法。它使用document.getElementById工作。它只需根据您选择的更改表单的操作属性,即发送表单输入的

    <html>
    <head>
        <title>Redirect Sample</title>
        <script>
    
        function g_function1() {
            var dropdown1 = document.getElementById("user1");
    
                if (dropdown1.selectedIndex === 1) {
                    document.getElementById("frm").action="http://blastr.com";
                }
                else if (dropdown1.selectedIndex === 2) {
                    document.getElementById("frm").action="http://google.com";
                }
         }
    
    
        </script>
    </head>
    <body>
       <form action="" id="frm" method="get">
       <select id="user1" name="user1" onchange="g_function1()">
            <option value=""></option>
            <option value="coach_input">Submit a Score</option>
            <option value="team_pages">Get Team Information</option>
       </select>
    
       <div style="text-align: center;">
    
            <button>Submit</button>
    
       </div>
    
       </form>
    </body>
    </html>
    
    
    重定向样本
    函数g_函数1(){
    var dropdown1=document.getElementById(“user1”);
    如果(dropdown1.selectedIndex==1){
    document.getElementById(“frm”).action=”http://blastr.com";
    }
    else if(dropdown1.selectedIndex==2){
    document.getElementById(“frm”).action=”http://google.com";
    }
    }
    评分
    获取团队信息
    提交
    
    select标记上的onChange事件调用函数g_function1()。 它根据所选选项的索引更改“操作”属性

    <html>
    <head>
        <title>Redirect Sample</title>
        <script>
    
        function g_function1() {
            var dropdown1 = document.getElementById("user1");
    
                if (dropdown1.selectedIndex === 1) {
                    document.getElementById("frm").action="http://blastr.com";
                }
                else if (dropdown1.selectedIndex === 2) {
                    document.getElementById("frm").action="http://google.com";
                }
         }
    
    
        </script>
    </head>
    <body>
       <form action="" id="frm" method="get">
       <select id="user1" name="user1" onchange="g_function1()">
            <option value=""></option>
            <option value="coach_input">Submit a Score</option>
            <option value="team_pages">Get Team Information</option>
       </select>
    
       <div style="text-align: center;">
    
            <button>Submit</button>
    
       </div>
    
       </form>
    </body>
    </html>