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

Question

在我公司的内部票证跟踪网站上，我们有一个用于更新或记录票证更改的表格。当客户更新工单时，我需要修改文本区域，输入，然后单击提交。我想创建一个按钮来使用 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();
}

如果您能提供任何意见，我们将不胜感激。

非常感谢

陈乔恩

Answer 1

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()