无法从materializecss MultiSelect获取值
无法从materializecss MultiSelect获取值
提问于 2018-07-29 23:45:23
我想用js从多选中读取值。在materializecss的文档中应该使用.getSelectedValues ()。
控制台现在告诉我该函数不起作用。我希望你能在这方面继续帮助我。
const selector = document.querySelectorAll('.funcselect');
const instanceSelector = M.FormSelect.init(selector);
function submitform() {
// some other form to variables stuff
var funcs = instanceSelector.getSelectedValues();
// some xrh stuff
}这和构建代码一样基本。
下面是控制台日志：
js.js:21 Uncaught TypeError: instanceSelector.getSelectedValues is not a function我希望有人能帮助我。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-30 02:13:57
您需要onChange事件来处理select的更改。
<div class="container row">
<div class="input-field col s12">
<select multiple>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Materialize Multiple Select</label>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelector('select');
elems.onchange = selectThem;
var instances = M.FormSelect.init(elems);
function selectThem() {
var selectedOne = instances.getSelectedValues();
console.log(selectedOne);
}
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51581966
复制相关文章
相似问题