元素ID值拉取JS

Question

我正在尝试从 HTML 元素中获取值，但返回空白。

输入信息：供应商编号：123456 文件编号：123456

结果：搜索 {vendorNumber: "", documentNumber: ""}

所需结果：搜索 {vendorNumber: "123456", documentNumber: "123456"}

请看下面我的脚本：

class Search {
    constructor(vendorNumber, documentNumber) {
        this.vendorNumber = vendorNumber;
        this.documentNumber = documentNumber;
    }
}

const vendorNumber = document.getElementById('vendorNumber').value,
    documentNumber = document.getElementById('documentNumber').value,
    submit = document.getElementById('myBtn'),
    newSearch = new Search(vendorNumber, documentNumber);

if (submit) {
    submit.addEventListener('click', onClick);
}

function onClick(){
    console.log(newSearch);
    event.preventDefault()
}

Answer 1

值returns空白，因为它只会在您触发事件时获取输入值。将 vendorNumber、documentNumber 和 newSearch 变量放入 onClick 函数中。

元素ID值拉取JS

Element ID value pull JS

javascript

getelementbyid