用户点击按钮时在Chrome扩展操作中运行Jquery?

时间:2011-04-03 17:40:07

标签: javascript jquery onclick google-chrome-extension

在我公司的内部门票跟踪网站上,我们有一个表单,用于更新或记录故障单中的更改。当客户端更新票证时,我需要修改文本区域,输入并单击“提交”。我想创建一个单独的按钮,使用chrome扩展来处理这个重复的任务。

在我的扩展内容.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

1 个答案:

答案 0 :(得分:0)

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/

更新以包含$(文件).ready()