Environment: I have an add-on that runs on a specific website. It loads its own version of jQuery. There’s no background page just some content scripts. I can successfully manipulate the DOM on the site.
Context: I’m trying to automatically populate a form on the page. One of the things I need to do is select a dropdown option. This also needs to fire an event because there is a listener on the select that populates a hidden field whenever the select changes. I’m doing that with the following: $select.val(newvalue).change();
Problem: the above works perfectly fine in the console but does not trigger the listeners on the page when called from the extension. Is this normal behaviour? What’s stranger is that events seem to fire when I use .click() on some radio buttons from the extension code. I can’t tell at what point this is failing.
manifest:
{
“content_scripts”: [ {
“css”: [ “test.css”, “toggle.css”, “selectize.css” ],
“js”: [ “jquery-2.1.1.min.js”, “selectize.min.js”, “background.js” ],
“matches”: [ “://.website.com/*”],
“run_at”: “document_end”
} ],
“description”: “blah”,
“manifest_version”: 2,
“name”: “Form filler”,
“page_action”: {},
“version”: “0.0.0.13”,
“web_accessible_resources”: [ “test.html”, “filldata.json” ]
}
Please delete if this isn’t the right place to post this