首页 > 解决方案 > JS - webpack onchange func in 不出现

问题描述

我使用 webpack。我<form><select>and onchange="" 创建:

公式-devis.js

import inputForm from './formulaire-devis.json'

export function creatDevis () {

const sectionForm = document.createElement('section')
sectionForm.classList.add('form-quote')

const form = document.createElement('form')
form.classList.add('form-quote__input')
form.setAttribute('method', 'post')

var innerForm = `
    <div class="form-quote__input__name">
        <label for="first-name">Prénom</label>
        <input type="text" class="form-control" id="firstName" placeholder="Votre prénom" name="first-name">
    </div>
    <div class="form-quote__input__sujet">
        <label for="sujet">Sujet</label>
        <select name="sujet" id="sujet" onchange='onChangeDevis("sujet");'>`
;
            for (var i = 0; i < inputForm.sujet.length; i++ ) {
                innerForm +=
                    `<option value="${inputForm.sujet[i].value}" ${i==0 ?`selected`:``}>${inputForm.sujet[i].display}</option>`
            }
        innerForm += `</select>
        <button type="submit" class="btn btn-primary mb-5">Envoyer</button>
    </div>
    <div class="prix-devis">
        <p class="prix-devis__affichage"><span class="prix-devis__affichage--changed">0</span>€&lt;/p>
    </div>
`;

form.innerHTML = innerForm

sectionForm.append(form)

bases.inContainer(sectionForm)
}

export function onChangeDevis (input) {
 console.log('Data: ' + input);
}

index.js

import { creatDevis, onChangeDevis } from './scripts/formulaire-devis/formulaire-devis.js'
creatDevis()

当我改变select我有一个错误:

未捕获的 ReferenceError:onChangeDevis 未在 HTMLSelectElement.onchange 中定义

我搜索并没有找到答案。

相关主题

标签: javascripthtmlwebpackproxyonchange

解决方案


推荐阅读