La fonction de suggestion automatique permet d'affiner rapidement votre recherche en suggérant des correspondances possibles au fur et à mesure de la frappe.
juin 20, 20196:56 AM - modifié juin 20, 20199:14 PM
Participant | Partenaire solutions Platinum
Set form field value with Jquery not working
Résolue
Hi there,
I'm trying to prepopulate a field on a HS form with JQuery (everything lives on a Vue app).
I have read a topic that explicitely says that the value change should be chained with a ".change()" method.
I've done that and, for debug puposes, I'm pre-populating the form on "hsFormCallback[onFormReady]" event. So that when I launch the page, the field is populated with my value. So far so good. Here is the code I'm using :
var score_global = $("input[name='score_global']");
score_global.val(123).trigger('change');
However, when I enter some text, in any other field available on the form, the prepopulated value disappears. It seems as if the hsforms script doesn't refresh with the trigger('change') (it does the same if I use .change() instead).
Can anyone guide me here, I don't know what to attempt now?
I eventually managed to fix the problem. The issue originates from a depency issue on JQuery for the hubspot form.js script.
To fix that in my Vue.Js app, I had to add the following lines.
// Needed by Vue.JS for using Jquery inside the app
import JQuery from 'jquery'
let $ = JQuery
// Needed by Hubspot Form.js
window.jQuery = window.jQuery || JQuery
I eventually managed to fix the problem. The issue originates from a depency issue on JQuery for the hubspot form.js script.
To fix that in my Vue.Js app, I had to add the following lines.
// Needed by Vue.JS for using Jquery inside the app
import JQuery from 'jquery'
let $ = JQuery
// Needed by Hubspot Form.js
window.jQuery = window.jQuery || JQuery