devharshit/download button with file link

## download button with file link
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Download</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<h2>Download a File</h2>
<form id="downloadForm">
    <label for="fileSelect">Select a file to download:</label>
    <select id="fileSelect" name="file">
        <option>Select File</option>
        <option value="PanCard.pdf">PanCard.pdf</option>
        <option value="Eldad-Profile-2016.pdf.pdf">Eldad-Profile-2016.pdf.pdf</option>
        <option value="VARNI INFRA PROFILE .pdf">VARNI INFRA PROFILE .pdf</option>
    </select>
    <button type="submit">Download</button>
</form>

<script>
    jQuery(document).ready(function() {
        jQuery('#downloadForm').submit(function(event) {
            event.preventDefault(); // Prevent default form submission

            var selectedFile = jQuery('#fileSelect').val();

            // Construct the download link
            var downloadLink = jQuery('<a></a>');
            downloadLink.attr('href', selectedFile);
            downloadLink.attr('target', '_blank'); // Open in a new tab
            downloadLink.css('display', 'none'); // Hide the link

            // Append the link to the body and trigger the click event
            jQuery('body').append(downloadLink);
            downloadLink[0].click();

            // Clean up
            downloadLink.remove();
        });
    });
</script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>File Download</title>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	</head>
	<body>

	<h2>Download a File</h2>
	<form id="downloadForm">
	<label for="fileSelect">Select a file to download:</label>
	<select id="fileSelect" name="file">
	<option>Select File</option>
	<option value="PanCard.pdf">PanCard.pdf</option>
	<option value="Eldad-Profile-2016.pdf.pdf">Eldad-Profile-2016.pdf.pdf</option>
	<option value="VARNI INFRA PROFILE .pdf">VARNI INFRA PROFILE .pdf</option>
	</select>
	<button type="submit">Download</button>
	</form>

	<script>
	jQuery(document).ready(function() {
	jQuery('#downloadForm').submit(function(event) {
	event.preventDefault(); // Prevent default form submission

	var selectedFile = jQuery('#fileSelect').val();

	// Construct the download link
	var downloadLink = jQuery('<a></a>');
	downloadLink.attr('href', selectedFile);
	downloadLink.attr('target', '_blank'); // Open in a new tab
	downloadLink.css('display', 'none'); // Hide the link

	// Append the link to the body and trigger the click event
	jQuery('body').append(downloadLink);
	downloadLink[0].click();

	// Clean up
	downloadLink.remove();
	});
	});
	</script>

	</body>
	</html>