提交按钮在 Chrome 扩展程序中不起作用答案

【问题标题】：Submit Button not working in Chrome extension提交按钮在 Chrome 扩展程序中不起作用
【发布时间】：2014-10-14 12:03:21
【问题描述】：

我正在开发一个 chrome 扩展程序，它会检查在后台选项卡中打开了哪个网站，然后它会解析它。但我不知道为什么表单中的提交按钮不起作用，即使它在我开发的一种类似的扩展中工作。

这是 HTML 代码

<html>
<head>
    <script src="fetcher.js"></script>
</head>
<body style="min-width:250px; ">
    <form name="login" action="http://localhost/CD/worker.php"  style="padding:15%" method="GET">
    <fieldset>
        <legend>CD</legend>
        <div id="tag"></div>
        <p>
            <label for="name"></label>
            <br />
            <input type="hidden" id="name" name="val" class="text" size="20" />
        </p>

        <p>
            <button type="submit" class="button positive">
            <img alt="ok" src=
            "/tick.png" /> 
            Login
            </button>
        </p>
    </fieldset>
    </form>
</body>

这是我的 JavaScript 文件

window.addEventListener("load", windowLoaded, false);
function windowLoaded() {
    chrome.tabs.getSelected(null, function(tab) {
        //doing stuff with the url
        var url=tab.url;

        if(url.indexOf(".com")>0)
            var n=url.split(".com");
        else if(url.indexOf(".co.in")>0)
            var n=url.split(".co.in");
        else
            var n=url.split(".in");

        var m=n[0].split(".");
        n=m[m.length-1].split("://");
        var qstr=n[0];

        document.getElementById("tag").innerHTML="Get Coupons for "+qstr;
        document.getElementsByName("val").value=""+qstr;    
    });
}

PHP 文件

<?php
    $name=$_GET['val'];
    echo $name;
?>

【问题讨论】：

是否定义了check()？
离题语法错误：style="padding=15%"
@Jamie，是的，我很抱歉！我正在测试一些东西。我已经编辑了代码。

标签： javascript html google-chrome google-chrome-extension

【解决方案1】：

我能够让我的提交按钮使用以下内容：

document.querySelector("form").addEventListener("submit", function(event) {
  event.preventDefault();
  //do stuff
});

【讨论】：