[SOLVED] 1 select per element

[Ninjakreborn]

Is there an easy way to make a select form only be able to select 1 field.

 

For instance.

3 select boxes, but only 1 of them can be selected at a time.

[paul2463]

you can write a javascript function such as

function swapColDel()
{
if (document.getElementById("col").checked == true)
{
   document.getElementById("del").checked = false   }
if (document.getElementById("del").checked == true)
{
   document.getElementById("col").checked = false   }
} 

 

you will need to modify that code for your check boxes but basically what happens is in the onlclick of each checkbox this function is run and if one is selected the other one is deselected

[Ninjakreborn]

Perfect, I deleted that and started with radio buttons hten.  last question, how do you hide text when a radio button is selected. If this needs to be moved, go for it.

[Scriptor]

If the hide is in an html element with an id use this js function:

 

function hide(id){
  document.getElementById(id).style.display='none';
}

[Ninjakreborn]

Ok, then how do you make it re-appear.

That will make it disappear, how do you make it re-appear.

 

[divinecoder]

function show(id){

  document.getElementById(id).style.display='block';

}

[Ninjakreborn]

Ah ok, I had to use inline for my purpose.  I am not use to working with styles in Javascript, thanks.  it's very rare I ever have to change styles with it.

[Stopofeger]

There is a better "suggested" solution then using display as the display property removes the element from the document flow completely.

use visibility.

document.getElementById("id").style.visibility

It will not remove the element completely but just will make it invisible.