i can pull data modal $('#id').on('shown.bs.modal', function (e) { var somevariable = e.id; }); doing method, can't figure out how button click.
if possible, how can inherit data if button click opens modal?
http://www.bootply.com/jcxxe6chxu
$(document).ready(function(){ $(".file_to_upload").click(function (data) { //alert("works"); var questionid = data.id; alert(questionid); $('[id*="uploaded_files_"]').modal('show'); $('[id*="uploaded_files_"]').on('shown.bs.modal', function (e) { $("#auditinstanceupload").html("<input id='audit_instance_id' name='audit_instance_id' value='"+questionid+"' type='hidden' style='display:none;'>"); $("#auditidupload").html("<input id='audit_id' name='audit_id' value='"+questionid+"' type='hidden' style='display:none;'>"); }); }); }); <!-- 5 php row id example --> <a title="upload file" href="#" id="5" class="btn btn-default file_to_upload" >upload button</a> <!-- modal pop [f] button --> <div class='modal fade' style='z-index:10000' id='uploaded_files_5' role='dialog'> <div class='modal-dialog modal-lg'> <div class='modal-content'> <div class='modal-header'> <button type='button' class='close' data-dismiss='modal' aria-hidden='true'></button> <h4 class='modal-title'>perform audit</h4> </div> <div class='modal-body' id='perform_audit1'> <form id='my_form' name='form' action='ajax/file_upload.php' method='post' enctype='multipart/form-data' style=''> <h1>upload file</h1> <div id='main'> <strong>file: </strong><input name='myfile' id='myfile' size='27' type='file'> <input id='my_button' name='action' value='upload' onclick='uploadshow()' type='button'> <input id='auditinstanceupload' style='display:none;' /> <input id='auditidupload' style='display:none;' /> <input id='question_id' name='question_id' value='$row[questionid]' type='hidden'> </div> <!--<input id='close_file_upload' value='close' type='button'>--> </form> </div> <div class='modal-footer'> <form method = 'post'> <input type='button' id='yes_delete' value='yes ' name='view_audits_delete' /> <button type='button' class='btn btn-default' data-dismiss='modal'>no</button> </form> </div> </div> </div> </div> <!-- modal pop [f] file upload button -->
try this
$(document).ready(function(){ $(".file_to_upload").click(function (data) { //alert("works"); //var questionid = data.id; var questionid = $(this).attr("id"); alert(questionid); $('[id*="uploaded_files_"]').modal('show'); $('[id*="uploaded_files_"]').on('shown.bs.modal', function (e) { $("#auditinstanceupload").html("<input id='audit_instance_id' name='audit_instance_id' value='"+questionid+"' type='hidden' style='display:none;'>"); $("#auditidupload").html("<input id='audit_id' name='audit_id' value='"+questionid+"' type='hidden' style='display:none;'>"); }); }); }); 
Comments
Post a Comment