Question

如何获取并存储data-id属性的值？它内部的值会在按钮单击时发生变化，因此我需要一个在更改时获取值的方法。我已经尝试过document.getelementbyid / name / value但是我只获得了第一个按钮点击存储的值。我现在使用的方法$(this).data('id')不返回任何内容。谢谢

小胡子文件：

<td>
    <form id="Form" action="./downloaddoc" method="GET">
        <input type="hidden" name="p" value="download"/>
        <input type="hidden" name="fileid" data-id="{{file_id}}"/>
        <input class="button download_button" type="submit" value="Download">
    </form>
</td>

JS：

$(document).on('click', '.download_button', download_doc);
function download_doc(event) {
    event.preventDefault();
    var id = $(this).data('id');
    console.log(id);
    window.location.href = window.location.href + '?p=download&id=' + fileid;
}

Answer 1

您正在下载按钮中搜索数据属性，而不是在实际存在的输入字段中搜索。

在输入字段中添加一个类/ id，以便您可以找到它。

当您点击按钮找到最近的表格，然后找到包含文件ID的输入字段并从中提取文件ID。

<td>
  <form id="Form" action="./downloaddoc" method="GET">
    <input type="hidden" name="p" value="download"/>
    <!-- Added  a class to the input field -->
    <input type="hidden" name="field" class="input-download-file" data-id="{{file_id}}"/>
    <input class="button download_button" type="submit" value="Download">
  </form>
</td>

Javascript：

$(document).on('click', '.download_button', download_doc);
function download_doc(event) {
  event.preventDefault();

  // Find the closest form
  var form = $(this).closest('form');

  // Find the input field which constains the download file id
  var input = $(form).find(".input-download-file");

  // Get the file id
  var id = $(input).data('id');
  console.log(id);
  window.location.href = window.location.href + '?p=download&id=' + fileid;
}

从数据属性中获取动态值

1 个答案: