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

Question

我正在编写我的第一个 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>

我的问题是:如何使用 Javascript 获取用户每次提交内容时输入的变量？我不能使用内联 javascript，因为 chrome 禁止这样做。我创建了一个 submit.js ，它是

$(document).ready(function() {
    $('#Submit').on('click',(function() {
       foo($('#post_on_forum').val());
    }));

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

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

Answer 1

看这个例子http://jsfiddle.net/qt3ZB/

jQuery 有特殊的方法 serialize 来获取表单中的所有值。

希望有帮助。