An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!
Solved
How to download the file on select in jquery combobox.
Posted on 2013-01-04
I have a combo box, it contains some items. Every value has its equivalent .pdf file.
When the user select any option from the Combobox, the corresponding file should get downloaded.
<html>
<head>
</head>
<body>
<form name="f">
<label>Select your course</label>
<select id="cmbcourses">
<option value="">Select Course...</option>
<option value="BCom.pdf">B.Com</op
<option value="BBA.pdf">BBA</optio
<option value="BCA.pdf">BCA</optio
</select>
</form>
</body>
</html>
When the user select any option from the Combobox, the corresponding file should get downloaded.
<html>
<head>
</head>
<body>
<form name="f">
<label>Select your course</label>
<select id="cmbcourses">
<option value="">Select Course...</option>
<option value="BCom.pdf">B.Com</op
<option value="BBA.pdf">BBA</optio
<option value="BCA.pdf">BCA</optio
</select>
</form>
</body>
</html>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2
3 Comments
Active 5 days ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Q_27985645.html</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#cmbcourses").change(function() {
// download.php => http://www.experts-exchange.com/Software/Server_Software/Web_Servers/Apache/Q_25561636.html
// Ray_Paseur you're the best!
location.href = "download.php?file=" + $(this).val();
})
})
</script>
</head>
<body>
<form name="f">
<label>Select your course</label>
<select id="cmbcourses">
<option value="">Select Course...</option>
<option value="BCom.pdf">B.Com</option>
<option value="BBA.pdf">BBA</option>
<option value="BCA.pdf">BCA</option>
</select>
</form>
</body>
</html>
inside http://www.experts-exchange.com/Software/Server_Software/Web_Servers/Apache/Q_25561636.html
$url = $_GET["file"];
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Introduction
A frequently asked question goes something like this: "I am running a long process in the background and I want to alert my client when the process finishes. How can I send a message to the browser?" Unfortunately, the short answer…
- CSS
- HTML
- JavaScript
- PHP
- jQuery
- AJAX
Introduction
If you're like most people, you have occasionally made a typographical error when you're entering information into an online form. And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month9 days, 9 hours left to enroll
722 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.