I have implemented the following code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="cars" id="dynamic_select">
<option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Borrowing-Power-Calculator.aspx?ID=MFAA">Borrowing Power Calculator</option>
<option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Loan-Repayment-Calculator.aspx?ID=MFAA">Loan Repayment Calculator</option>
... (other options here)
</select>
<script>
$(function() {
// bind change event to select
$('#dynamic_select').on('change', function() {
var url = $(this).val(); // get selected value
if (url) { // require a URL
window.location = url; // redirect
}
return false;
});
});
</script>
Currently, when the form is changed, the browser navigates to the URL:
http://www.visionabacus.com/default.aspx?go=
I am unsure about what modifications need to be made.
Your assistance in this matter would be greatly appreciated.