<html> <head> <mce:script type="text/javascript"><!-- function setMode(i,j) { var op = document.getElementsByTagName("select"); var op3 = document.createElement('option'); op3.text='op3'; var op4 = document.createElement('option'); op4.text='op4'; if(op[i].selectedIndex>1) { op[j].options[3]=null; op[j].options[2]=null; }else if(op[j].length == 2) { op[j].options.add(op3); op[j].options.add(op4); } } function checkMode1() { setMode(0,1); setMode(0,2); setMode(0,3); } function checkMode2() { setMode(1,0); setMode(1,2); setMode(1,3); } function checkMode3() { setMode(2,0); setMode(2,1); setMode(2,3); } function checkMode4() { setMode(3,0); setMode(3,1); setMode(3,2); } // --></mce:script> </head> <body> <form> <select id="mySelect1" onChange="checkMode1()"> <option value="op1">op1</option> <option value="op2">op2</option> <option value="op3">op3</option> <option value="op4">op4</option> </select> <select id="mySelect2" onChange="checkMode2()"> <option>op1</option> <option>op2</option> <option>op3</option> <option>op4</option> </select> <select id="mySelect3" onChange="checkMode3()"> <option>op1</option> <option>op2</option> <option>op3</option> <option>op4</option> </select> <select id="mySelect4" onChange="checkMode4()"> <option>op1</option> <option>op2</option> <option>op3</option> <option>op4</option> </select> </form> </body> </html>