Question

我努力了下面这段代码，但仍然无法正常工作。想法是在选择文件后显示链接以允许删除（或取消选择）文件。我想解决为什么链接没有显示它应该的难题。非常感谢你的帮助！

对于信息，我也试过“css”，“show”和“hide”。没有用。

<html>

<script>
function removeFile()
{
  var input = document.getElementById("fileToUpload");
  input.value = input.defaultValue;
  refreshForm();
  return false;
}

function refreshForm() 
{
  var input = document.getElementById("fileToUpload");

  if (input.files.length > 0)
  {
    $("#upack-form > #remove-lnk").attr("visibility", "visible");
  }
  else
  {
    $("#upack-form > #remove-lnk").attr("visibility", "hidden");
  }
}
</script>

<div class="package">
  <form id="upack-form" action="/update_package" enctype="multipart/form-data" method="post">
    <label>
      <input id="fileToUpload" type="file" name="file" style="width: 280px; overflow: hidden;" single onChange="refreshForm();" />
      &nbsp;&nbsp;&nbsp;&nbsp;
    </label>
    <a id="remove-lnk" style="visibility: hidden;" onclick="return removeFile();">remove</a>
  </form>
</div>

</html>

编辑：

我发现在“标签”中移动超链接的区别。在这种情况下，它不起作用。

Answer 1

可见性不是属性，它是样式属性

if (input.files.length > 0)
  {
    $("#upack-form > #remove-lnk").css("visibility", "visible");
  }
  else
  {
    $("#upack-form > #remove-lnk").css("visibility", "hidden");
  }

PD：正如我在评论中告诉你的那样，我注意到你没有包含jQuery，所以我做到了。现在，here's the working demo

为什么无法将链接切换为可见？

1 个答案: