Запустить Jquery в действии расширения Chrome, когда пользователь нажимает кнопку?

Question

На внутреннем веб-сайте отслеживания билетов моей компании есть форма, которую мы используем, чтобы обновить или отметить изменения в заявке.Когда клиент обновляет заявку, мне нужно изменить текстовую область, ввести данные и нажать «Отправить».Я хочу создать одну кнопку, которая будет обрабатывать эту повторяющуюся задачу, используя расширение Chrome.

В моем скрипте 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();
}

Буду очень признателен за любые ваши комментарии.

Большое спасибо,

Джо Чин

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/

ОБНОВЛЕНО , чтобы включить $ (документ) .ready ()