jquery click event with variable doesnt work...
hey there everyone,
im really new at this stuff, so pls dont be to hard with me.
i want to get the last input (file) of a div and fire a click on it.
so here is my code
- $(document).ready(function () {
$(upload).click(function () {
var largestID = $("#MainContent_FileUpload_wrap input:last").attr("id");
alert(largestID);
$(largestID).click();
});
});
and here the html
<span href="#" id="upload" class="button middle" class="icon icon87" class="label">Dateien Hochladen</a>
...
<asp:FileUpload ID="FileUpload" runat="server" class="multi" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" maxlength="5" />
which is becoming something like this (using jquery.MultiFile.js)
<div id="MainContent_FileUpload_wrap" class="MultiFile-wrap">
<input id="MainContent_FileUpload" class="multi MultiFile-applied" type="file" maxlength="5" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" name="ctl00$MainContent$FileUpload" value="">
<div id="MainContent_FileUpload_wrap_list" class="MultiFile-list"></div>
</div>
so the problem is, fireing the click event with the variable is not working (nothing happens), btw the alert part is for debugging purpose only.
using it that way:
- $(document).ready(function () {
$(upload).click(function () {
var largestID = $("#MainContent_FileUpload_wrap input:last").attr("id");
alert(largestID);
$(MainContent_FileUpload).click();
});
});
works fine, but i cant use it that way because i always need the last one. the jquery.MultiFile.js script is always creating a new input after each selection. so it going to look something like this:
<div id="MainContent_FileUpload_wrap" class="MultiFile-wrap">
<input id="MainContent_FileUpload" class="multi MultiFile-applied" type="file" maxlength="5" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" name="ctl00$MainContent$FileUpload" value="">
<input id="MainContent_FileUpload_F1" class="multi MultiFile-applied MultiFile" type="file" maxlength="5" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" name="ctl00$MainContent$FileUpload" value="">
<input id="MainContent_FileUpload_F2" class="multi MultiFile-applied MultiFile" type="file" maxlength="5" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" name="ctl00$MainContent$FileUpload" value="">
<input id="MainContent_FileUpload_F3" class="multi MultiFile-applied MultiFile" type="file" maxlength="5" accept="gif|jpg|jpeg|png|zip|txt|vsc|doc|docx|xls|xlsx|7zip" name="ctl00$MainContent$FileUpload" value="">
<div id="MainContent_FileUpload_wrap_list" class="MultiFile-list"></div>
</div>
what am i doing wrong?
thx in advance!