jquery - 使用jquery更改html元素的整个字段

Question

是否可以使用 jQuery 更改 input 的整个字段

<input type="file" id="dok_npwp_link" class="upload required" name="dok_npwp_link" accept="image/*" />

到此

<input id ="dok_npwp_link" type="hidden" name="dok_npwp_link">

根据我在 jquery 手册中读到的内容，我可以更改类型、值等，如何更改字段的整个上下文，因为我是 javascript 新手，所以我还没有找到解决方案。

Answer 1

在 jQuery 中，您可以通过以下方式更改属性

<小时/>

示例:将类型从hidden更改为file并添加属性accept

$(function() {
  $("#dok_npwp_link").attr("type", "file"); /* Changing type to file */
  $("#dok_npwp_link").attr("accept", "image/*"); /* Adding attr accept */
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="dok_npwp_link" type="hidden" name="dok_npwp_link">

示例:(反之)将类型从 file 更改为 hidden 并删除属性 accept

$(function(){
	$("#dok_npwp_link").attr("type", "hidden"); /* Changing type to hidden */
	$("#dok_npwp_link").removeAttr("accept"); /* Removing attr accept */
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="dok_npwp_link" class="upload required" name="dok_npwp_link" accept="image/*" />

文档:.attr() , .removeAttr()