我正在建立新网站,我需要一个下拉菜单来选择我网站中的内容.但与此同时,我需要这个下拉列表来接受文本.因此,如果客户想要从下拉列表中选择,那么他也可以,如果客户想要通过文本输入金额,那么他也可以.正如你所看到的,我想让它成为双重的.
例如:假设有一个amount下拉菜单,其元素为(1,2,3);
现在假设客户端需要的金额为5 - 这是他的权利 - 它在下拉列表中不存在,因此客户现在必须以文本方式输入金额.因此,对于任何条目,客户必须从下拉列表中选择或以文本方式输入金额.
我的问题的描述,我向大家介绍过的简单例子后,这里是我的问题:
是否有HTML代码可以将下拉菜单和文本字段合二为一,而不是分开?
在Windows窗体应用程序中,下拉选择器列表还为用户提供了在同一字段中键入备用值的选项(假设开发人员已在控件上启用此选项.)
如何在HTML中实现这一目标?看起来好像只能从列表中选择值.
如果使用直接HTML无法做到这一点,有没有办法用Javascript做到这一点?
如何在HTML中使用文本输入选项实现选择样式下拉菜单?
想法是有人可以从预定义选项列表中进行选择,或者输入他们自己的选项.
我将 10 个选项传递给 datalist,这些选项在下拉列表中显示得很好。但有时我会在选项列表底部看到更多由水平线分隔的选项(Chrome 可能正在缓存或重复显示某些选项)。我不明白为什么 chrome 会显示这些由水平线分隔的额外选项

我是 javascript 新手,尝试构建文件上传,用户可以在其中上传文件或从下拉列表中选择文件或输入文件路径。
一切工作正常,直到我尝试创建一个列表“汽车”以在输入元素内提供两个示例选择选项。
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 = …Run Code Online (Sandbox Code Playgroud) html ×5
javascript ×3
css ×1
datalist ×1
forms ×1
html-input ×1
html-select ×1
jquery ×1
select ×1