首页 > 解决方案 > 如何初始化Materialize js文件输入元素?

问题描述

我在 ajax 成功响应中附加文件输入 html 元素,并且我正在使用物化 css。

这是网址: http: //archives.materializecss.com/0.100.2/forms.html

如果是选择框元素。我正在使用 ex 初始化选择框:

$('select').material_select(); 

它的工作完美。

但在文件输入的情况下,它不起作用。如何使用 jquery 初始化文件输入元素。

<div class="file-field input-field">
  <div class="btn">
    <span>File</span>
    <input type="file">
  </div>
  <div class="file-path-wrapper">
    <input class="file-path validate" type="text">
  </div>
</div>

标签: javascriptjquerymaterial-designmaterialize

解决方案


使用 Materialize,而不是文件输入字段,重置它后面的输入文本。像这样使用 jQuery:

$('.validate').replaceWith('<input class="file-path validate" type="text">');

推荐阅读