Can you give me an Idea on this ?

Hi ,

In my page i need to use two different dropdowns, one is for to display Users and other one is for to display Groups. But at a time only one dropdown will display. For this functionality i am using one more dropdown with values Users and Groups. When i select Users from dropdown only Users related dropdown will display and when i select Groups from dropdown only Groups related dropdown needs to display. Can you give an Idea on this one. ??

Thanks in advance....

Do you ever do any research before posting? Have you gone through any JavaScript tutorials?

This is a very basic concept. Use the onchange attribute of the dropdown to change the CSS of the other two dropdowns.

Code:

---

<script type="text/javascript">
function changeDropDown(which) {
  if (which == "groups") {
    document.getElementById('groups').style.display = "";
    document.getElementById('users').style.display = "none";
  }
  else {
    document.getElementById('groups').style.display = "none";
    document.getElementById('users').style.display = "";
  }
}
</script>

<select onchange="changeDropDown(this.value)">
  <option value="groups">Groups</option>
  <option value="users">Users</option>
</select>

<select id="groups" style="display: none;">
</select>

<select id="users" style="display: none;">
</select>

---