javascript funtion needed for given html option/combo box

[shalinippriya]

Hi all,
I am new to this java script...
in one select option box i am adding three options named AAA, BBB and CCC
<SELECT size="1" name="cmb1" onChange="myNewFunction(cmb1)">
<option value = "AAA">AAA
<option value = "BBB">BBB
<option value = "CCC">CCC
</SELECT>
now myNewFunction will take this cmb1.
myNewFunction should not allow the user to change the item/value.
what ever is selected in cmb1, it should be there as selected. cmb1 should not allow to select another item/value.
can u pls help regd this issue....
thanks
shalini

[Eric Pascarello]

Are you saying once it is selected it can not be changed??

[Dave Vick]

Speaking of changing....
shalinippriya
your name is not in keeping with our naming policy here at the ranch. Please change your display name to an appropriate name as shown in the policy.
Thanks again and we hope to see you around the ranch!!

[shalinippriya]

yes.exactly...
that cmb1 should not allow any other selection.

[Eric Pascarello]

after the onchange
this.disabled=true;

[shalinippriya]

meaning disabling the cmb1 itself...
but i need to submit the selected value to the server side.
then if i disable it, i will not take that value.
For sample I have done it for AAA and BBB but when i tried for three items,then i faced problem.
function myNewFunction(FromCombo)
{
//here for some condition i will allow the option to select the other item
// but for some other condition i will not allow the option to select the other item
if(condition1)
{
// i will allow the user to select the option item
}
else if(condition2)
{
// i will not allow the user to select the option item
for(var i = 0; i < FromCombo.options.length;i++)
{
if(FromCombo.options[i].value == "AAA")
{
document.form.FromCombo.options[i].value = "BBB";
document.form.FromCombo.options[i].text = "BBB";
}
else
{
document.form.FromCombo.options[i].value = "AAA";
document.form.FromCombo.options[i].text = "AAA";
}
}
}
}

[Eric Pascarello]

Look at the following and see if this is what you want to happen.

<script>
  var allowSelection = true;
  var pickedSelection = 0;
  function limitIt(){
    
    if(allowSelection){
      pickedSelection = document.FormName.ElementName.selectedIndex;
      allowSelection = false; 
    }
    else{
      document.FormName.ElementName.selectedIndex = pickedSelection;
    }    
  
  }
</script>
<form name="FormName" >
  <select name="ElementName" onchange="limitIt()">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</form>

[ November 18, 2003: Message edited by: Eric Pascarello ]

[shalinippriya]

no ..I think it's not working for me
<script>
var allowSelection = true;
var pickedSelection = 0;
function limitIt()
{
if(document.form.T1.value == "" )
{
allowSelection = false;//allow the user to select the item in cmb1
return false;
}
else ////don't allow the user to select the item in cmb1
{
alert("cmb not selectable ");
if(allowSelection)
{
pickedSelection = document.form.cmb1.selectedIndex;
allowSelection = false;
}
return false;
}
}
</script>
<SELECT size="1" name="cmb1" onChange="limitIt()" >
<option>1</option>
<option>2</option>
<option>3</option>
</SELECT>

[Eric Pascarello]

true allows a person to select
false does not allow a person to select