18910140161

如何解决错误类型错误:无法设置只有getter的#<htmlinputelement>的属性列表?

顺晟科技

2021-07-12 10:58:10

227

我是javascript新手,尝试构建一个文件上传,用户可以上传文件或从下拉列表中选择文件或输入文件路径。

一切都很好,直到我试图创建一个列表'car',在input元素中提供两个示例选择选项。

FileUpLoad (input_def) {

input_def.id = this.uid()

const Label = document.createElement('label')
Label.className = 'custom_file_upload'
const Input = document.createElement('input')
Input.type = 'file'

const Input1 = document.createElement('input')
Input1.type = 'text'
Input1.list = 'car'

const DataList = document.createElement('datalist')
DataList.id = 'car'

const Option1 = document.createElement('option')
Option1.textContent = 'Volvo'
DataList.append(Option1)

const Option2 = document.createElement('option')
Option2.textContent = 'Suzuki'
DataList.append(Option2)

Label.append(Input)
Label.append(Input1)
Label.append(DataList)
const Li = document.createElement('i')
Li.innerText = ' Upload Data'
Li.className = "fa fa-cloud-upload"
Label.append(Li)

const row = document.createElement('div')
row.className = 'ui-form-element section-row'
row.id = input_def.id

row.append(Label)
return row

}

如何解决此错误?

TypeError: Cannot set property list of #<HTMLInputElement> which has only a getter

谢谢


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航