Javascript 当用户单击按钮时，在Chrome扩展操作中运行Jquery？

在我公司的内部票证跟踪网站上，我们有一个表单，可以用来更新或记录票证中的更改。当客户端更新票据时，我需要修改文本区域，输入，然后单击提交。我想创建一个单一的按钮，将处理这个重复的任务使用铬扩展

在我的extensions content.js脚本中，我有以下内容没有完成

var blueButtonDom = document.createElement('a');
blueButtonDom.setAttribute('href','#');
blueButtonDom.setAttribute('onClick','clickHandler();return true');

function clickHandler() {
    $('textarea[id$="PrivateNotes"]').val('blue');
    $('input[id$="BillTime"]').val('1');
    $('input[id$="btnSave2"]').click();
}

如果你们有任何意见，我们将不胜感激

多谢各位

Joe Chin

jQuery：

$(document).ready(function() {
    var $myLink = $('<a href="#">Automagical</a>');

    $myLink.click(function() {
        $('#PrivateNotes').val('blue')
        $('#BillTime').val('1');
        $form.submit();
    });

    $('#myForm').prepend($myLink);
});

html:

---

更新为包含$document.ready

那么您使用的是jQuery吗？@grampage，我使用的是jQuery。它是通过manifest.json的content_scripts参数加载的。但是，在Chrome扩展的上下文中，我似乎遇到了一些问题。当我通过内容脚本加载它并且用户单击它时，页面会显示该函数未定义。是否将jQuery包装在文档函数中？将其包装在.ready函数中似乎没有什么区别。谢谢

<form id="myForm">
    <textarea id="PrivateNotes"></textarea>
    <input id="BillTime" type="text" />
    <input id="btnSave2" type="submit" />
</form>