【问题标题】:JavaScript submit button onclick redirect not workingJavaScript提交按钮onclick重定向不起作用
【发布时间】:2014-10-06 11:56:09
【问题描述】:

为什么这段 JavaScript 代码没有重定向到 URL?这段代码有什么问题?

function submitform() {
    var hiddenFieldValue = document.getElementById('course').value;
    alert("inindonesia.org/marketplace/tags/"+hiddenFieldValue);
    window.location.href= "inindonesia.org/marketplace/tags/"+hiddenFieldValue); 
    return false;
}

HTML 代码

<form autocomplete="off" method="POST">
        <p>
            Course Name <label>:</label>
            <input type="text" name="course" id="course" />
            <!--input type="button" value="Get Value" /-->
            <input type="text" name="course_val" id="course_val" />
        </p>
        <input type="submit" value="Submit" onClick="submitform()"/>
</form>

【问题讨论】:

  • 我不确定,但请使用完整的 URL,例如 inidonesia.org
  • 是的,@Webice.. 但是,它仍然没有运气
  • 并且在 window.location.href 行中多了一个)

标签: javascript redirect window.location


【解决方案1】:

您需要在 URL 上使用http://。您的代码已更新:

function submitform(){
    var hiddenFieldValue = document.getElementById('course').value;
    alert("inindonesia.org/marketplace/tags/"+hiddenFieldValue);
    window.location.href= "http://inindonesia.org/marketplace/tags/"+hiddenFieldValue); 
    return false;
}

【讨论】:

    【解决方案2】:

    你应该只使用

    window.location = url;
    

    window.location.replace = url;
    

    改为关闭

    window.location.href
    

    模拟链接的原因

    这里是讨论

    How to redirect to another webpage in JavaScript/jQuery?

    【讨论】:

    • 是的,我已经更改为 window.location.replace = url;并添加 'http://'.. 但它仍然没有重定向到 url.. @Webice
    【解决方案3】:

    你正在这样做:

     window.location.href= "inindonesia.org/marketplace/tags/"+hiddenFieldValue);
    

    改成这样:

     window.location.href= "inindonesia.org/marketplace/tags/"+hiddenFieldValue;
    

    注意我在行尾删除的')'。

    【讨论】:

      【解决方案4】:

      当您依赖按钮单击时,表单需要什么? 正如你把它放在

              <p>
              Course Name <label>:</label>
              <input type="text" name="course" id="course" />
              <!--input type="button" value="Get Value" /-->
              <input type="text" name="course_val" id="course_val" />
          </p>
          <input type="submit" value="Submit" onClick="submitform()"/>
      

      删除表单。

      【讨论】:

        猜你喜欢
        • 2015-08-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-03-22
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多