javascript - 用户单击按钮时在Chrome扩展程序操作中运行Jquery？

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

在我的扩展程序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();
}

大家的任何意见将不胜感激。

非常感谢，

乔钦

最佳答案

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：

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

http://jsfiddle.net/pxfunc/T9bgw/

更新为包括$（document）.ready（）