Join CrazyEngineers to reply, ask questions, and participate in conversations.
CrazyEngineers powered by Jatra Community Platform
@anoop-kumar-GDGRCn • Apr 21, 2012
<select id="Find" size="1" onchange="javascript:yourFunction()" style="position:relative;" > <option value="Anchor1">Anchor1</option> <option value="Anchor2">Anchor2</option> <option value="Anchor3">Anchor3</option> <option value="Anchor4">Anchor4</option> </select><br>you can send pass parameter also.
@lovejeet-etHdkD • Apr 21, 2012
@anoop-kumar-GDGRCn • Apr 21, 2012
@lovejeet-etHdkD • Apr 21, 2012
@praveenkumar-66Ze92 • Apr 23, 2012
<select name="page" id="page" onchange="redirectPage(this);">
<option value="One.jsp">Page 1</option>
<option value="Two.jsp">Page 2</option>
<option value="Three.jsp">Page 3</option>
</select>
<script type="text/javascript">
function redirectPage(which)
{
location.href = which.value;
}
</script>This works in almost all the browsers. Checked just now. Try and let me know... 😀
@lovejeet-etHdkD • Apr 24, 2012
@praveenkumar-66Ze92 • Apr 24, 2012
So it means 3 individual dropdowns huh???lovejeethey thanks a lot #-Link-Snipped-#. yup done. now the next problem is the drop down menu's. i want my 3rd dropdown menu to be based on the values of my 2nd menu, and dat to be dependent on the 1st one. how to do that now???
@praveenkumar-66Ze92 • Apr 24, 2012
@lovejeet-etHdkD • Apr 24, 2012
@praveenkumar-66Ze92 • Apr 25, 2012
I guess its getting complicated... Then you got two choices:lovejeetyup. like this. it includes dynamic selection for some dropdown menu's using database too. 😕
@lovejeet-etHdkD • Apr 25, 2012
@praveenkumar-66Ze92 • Apr 25, 2012
@praveenkumar-66Ze92 • Apr 25, 2012
<script type="text/javascript" src="jquery.js"></script>Inside the OnChange function for first dropdown call the function to populate the subsequent dropdowns.
![[IMG]](proxy.php?image=http%3A%2F%2Fwww.fmsinc.com%2FMicrosoftAccess%2FForms%2Fcombo-boxes%2Fcascade2.jpg&hash=00653703511f5b58bb6c77a93b9bf788)
$(document).ready(function() {
$('#DDIdParent').change(function() {
populateChildDropdown('DDIdParent');
});
});
function populateChildDropdown(ddId) {
var dd = $('#' + ddId);
$.getJSON('json/mapping?dd=' + ddId, function(opts) {
$('>option', dd).remove(); // Clear old options first.
if (opts) {
$.each(opts, function(key, value) {
dd.append($('<option/>').val(key).text(value));
});
} else {
dd.append($('<option/>').text("Please select the parent DD"));
}
});
}
Map options = yourDao.callDatabase(parameter);
String json = new Gson().toJson(options);
res.setContentType("application/json");
res.setCharacterEncoding("UTF-8");
res.getWriter().write(json);
@lovejeet-etHdkD • Apr 25, 2012
@anoop-kumar-GDGRCn • Apr 25, 2012
@praveenkumar-66Ze92 • Apr 26, 2012
Sir Ji! It is JSP! 😀lovejeetsir ji i want that in jsp, no php or .net allowed...😔
@prasad-aSUfhP • Apr 27, 2012
@lovejeet-etHdkD • Apr 27, 2012
@prasad-aSUfhP • Apr 27, 2012
@praveenkumar-66Ze92 • Apr 27, 2012
Even then it becomes an AJAX Call right?kidakakaHere's what you do -
Declare a javascript array for the URLs.
In the dropdown, the values of each option should map to the index of this URL array.
When the form is submitted, simply invoke a function which will take the value of the dropdown, retrieve the particular URL from that value and change the location to that.
@prasad-aSUfhP • Apr 27, 2012
<html>
<script language="Javascript">
function doMyThang() { var urlArray = ["https://google.com","https://crazyengineers.com","https://kidakaka.com"];window.location = urlArray[document.quickUrl.urlDropdown.value-1];
}
</script>
<body>
<form name="quickUrl">
<select name="urlDropdown" >
<option value="1">Google</option>
<option value="2">CE</option>
<option value="3">Kidakaka</option>
</select>
<input type="button" value="do my thang!" onClick="javascript:doMyThang();" />
</form>
</body>
</html>Here's the code of what I was thinking.