如何使用javascript在Google Chrome上通过html表单获取用户提交的值？

我正在编写我的第一个chrome扩展，它具有以下功能。当用户右键单击图像并在上下文菜单中选择相应字段时，将创建一个包含表单的弹出窗口。从上下文菜单调用以下函数

   function new_window(){chrome.windows.create({
                                   url: "reddit.html",
                                   type: "popup",
                                   focused: true,
                                   width: 200,
                                   height:140})

“reddit.html”中包含的表单如下所示：

     <form id="post_on_forum" method="get">
         <input type="text" name="title" placeholder ="title"><br>
         <input type ="text" name="Category"placeholder ="Category" ></br>
         <input type="submit" value="Submit" id="submit">                   
     </form>

但它不起作用。当然，我已经在清单文件中包含了所有适当的文件。

看看这个例子

jQuery有一个特殊的方法

序列化
，从表单中获取所有值

希望有帮助。
看看这个例子

jQuery有一个特殊的方法
序列化
，从表单中获取所有值

希望有帮助。
下面的代码将以这种格式序列化表单输入（controlName1=controlValue1&controlName2=controlValue2）

下面的代码将以此格式序列化表单输入（controlName1=controlValue1&controlName2=controlValue2）

你在控制台中有错误吗？没有我什么都没有你在控制台中有错误吗？没有我什么都没有Tanks，我的问题是Chrome似乎没有“注册”提交按钮的点击。当我在我的服务器上而不是在扩展上完成时，我的问题是Chrome似乎没有“注册”提交按钮的点击。当我在我的服务器上而不是在扩展上这样做时，它工作得很好
$(document).ready(function() {
    $('#Submit').on('click',(function() {
       foo($('#post_on_forum').val());
    }));

    console.log("triggered");
}); 

$(document).ready(function() {
  $('#Submit').on('click',(function() {
    var formElements = $('#post_on_forum').serialize();       
    //then use this formElements wherever you like
 });
});