Question

我创建了一个带有Ajax调用的<div>（比如说新的div），然后将它附加到现有的<div>（比如说旧的div）。

在新div中，我有一个input [type=file]和一个按钮。在按钮上单击我想保存图像。我在这里使用jQuery函数。

我的功能如下：

function SaveData(evt) {
    var clientid = evt.id;
    $('#' + clientid + '').click(function() {
        var myval = $(this).closest('div.findvalues').find('input.filedata').val();
        alert(myval);
    });
}

但我收到两个错误：

onclick正在点击第二次点击（第一次没有回复）。
我收到此错误TypeError: evt.closest(...).closest(...) is null。

HTML（这是来自浏览器的html，它是在我调用Ajax之后生成的）：

<div class="col-md-15 col-sm-3 findvalues">
  <input type="hidden" value="../Documents/Raman" id="hdnRaman" name="documentNAME">
  <input type="hidden" value="74" id="hdn74" name="documentID">
  <input type="file" class="filedata" id="fuRaman" name="file[]">
  <input type="button" onclick="SaveData(this)" class="boldfontcss w3-btn uploaddata" value="Upload" text="Upload" id="btnRaman">
</div>

Answer 1

你可以试试这样的吗？

$('.uploaddata').click(function() {
    var myval = $(this).parent().find('.filedata').val();
    alert(myval);
});

从按钮开始，我搜索父节点，它是主要的div-wrapper，然后我找到带有class filedata的文件。

Jquery函数用于在按钮的单击上保存来自fileuploader的图像（在动态创建的div中）

1 个答案: