hiding-enabling text fields

[Malinmore]

the following works well regarding one select box with one hidden text
box. however I need two unique select boxes with relevant hidden text
boxes that un-hide when the Add New option is selected. the problem is
that the upper hidden text box always appears when the page is loaded.
Can anyone tells me why?

//physicianID

function enableOtherPhys icians()
{
if (!document.getE lementById) return;

var s1 = document.getEle mentById('refer personID');
if (!s1) return;
if (s1.options[s1.selectedInde x].value != 'referpersonID' ) return;
var t1 = document.getEle mentById('refer personIDnew');
var d1 = document.getEle mentById('delet e1');
if (!t1) return;
t1.disabled = false;
t1.className = '';
d1.disabled = true;
d1.className = '';

var s3 = document.getEle mentById('physi cianID');
if (!s3) return;
if (s3.options[s3.selectedInde x].value != 'physicianID') return;
var t3 = document.getEle mentById('physi cianIDnew');
var d3 = document.getEle mentById('delet e3');
if (!t3) return;
t3.disabled = false;
t3.className = '';
d3.disabled = true;
d3.classname = '';
}

function initPhysicians( )
{
if (!document.getE lementById) return;

var s1 = document.getEle mentById('refer personID');
if (!s1) return;
s1.onchange = enableOtherPhys icians;
var t1 = document.getEle mentById('refer personIDnew');
var d1 = document.getEle mentById('delet e1');
if (!t1) return;
t1.disabled = true;
t1.className = 'person_hidden' ;
d1.disabled = false;
d1.className = 'person_hidden' ;

var s3 = document.getEle mentById('physi cianID');
if (!s3) return;
s3.onchange = enableOtherPhys icians;
var t3 = document.getEle mentById('physi cianIDnew');
var d3 = document.getEle mentById('delet e3');
if (!t3) return;
t3.disabled = true;
t3.className = 'physician_hidd en';
d3.disabled = false;
d3.classname = 'physician_hidd en';
}

window.onload = initPhysicians;

[C. (http://symcbean.blogspot.com/)]

On Jul 27, 1:36 pm, Malinmore <tim.carri...@g mail.comwrote:

the following works well regarding one select box with one hidden text
box. however I need two unique select boxes with relevant hidden text
boxes that un-hide when the Add New option is selected. the problem is
that the upper hidden text box always appears when the page is loaded.
Can anyone tells me why?

No because your description relates to the position of the elements
while the code operates on their IDs. Your code is badly written and
you don't appear to have made any effort at diagnosing the fault
yourself.

You might want to
1) see if you are getting any javascript errors at runtime
2) try somethnig along the lines of:

function initPhysicians( )
{
alert("initPhys icians() started");
if (!document.getE lementById) {
alert("No document.getEle mentByID method");
return false;
}

var s1 = document.getEle mentById('refer personID');
if (s1) {
s1.onchange = enableOtherPhys icians;
} else {
alert("referper sonID not found");
return false;
}
var t1 = document.getEle mentById('refer personIDnew');
if (t1) {
t1.disabled = true;
t1.className = 'person_hidden' ;
} else {
alert("referper sonIDnew not found");
return false;
}
var d1 = document.getEle mentById('delet e1');
....

C.