我想在 javascript 中获取 datalist 中所选项目的值。当我在处理流星时,我需要在 .csv 文件中获取所选数据的值datalist
。
我的代码是:
<input type="text" list="d1" id="search" name="browser" placeholder="Search By">
<datalist id="d1">
{{#each searched_item}}
<option value={{this}}>{{this}}\</option>
{{/each}}
</datalist>
这是我模板中的代码,我已用于我在meteor 中的表单。这里 searched_item 是我在流星的 js 文件中的 helper 中调用的函数。现在我需要datalist
在 javascript 中获取所选项目的值。
提前致谢..
您需要在模板中创建一个事件处理程序来处理表单提交。然后使用事件对象从数据列表中获取值。
请记住,数据列表只是为文本输入提供自动完成功能。因此,您只需要在表单中获取文本输入的值。由于您希望在选择数据列表后立即获得该值,因此您可以使用该input
事件。
这是一个例子。只需更改myTemplate
为模板的名称即可。
Template.myTemplate.events({
'input #search'(event) {
// get value for text input
const value = event.currentTarget.value;
// do something with value
},
});
查看此流星教程以了解有关表单处理的更多信息。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句