javascript - 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>€</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 中定义
我搜索并没有找到答案。
请
解决方案
推荐阅读
- c++ - 如何将对象函数作为模板参数传递
- asp.net-core - Attempting to add a role queries 'AspNetRoles' instead of 'AspNetUserRoles'
- java - 重用 choco 求解器模型以进一步约束解决方案
- reactjs - React Checkbox 组件需要单击两次才能更改为选中
- python - Keras:如何减去两个不同模型的输出并馈送到另一个模型?
- qt - QML:更改文本字段中的光标颜色
- php - Laravel - 显示用户所在公司的所有项目
- python - 我想换一会儿
- firebase - 在身份验证后保护移动应用程序的 API
- c++ - 重新排序内存操作的简单示例