Question

I’m designing a registration form in PHP using html. The form collects personal info from users some fields include the marital status, name of spouse, and the number of children. How can I code it such that whenever a user selects “Single” for his/her marital status, the textboxes for the name of spouse and number of children will be automatically disabled? All of this must be done without refreshing the page. Thanks!

Answer 1

Assuming you are using drop down for marital status, use the onchange event to capture the change in the drop down status

function maritalStatusChange()
{
    var dropdown = document.getElementById("maritalstatus").value;
    if(dropdown == 'Single')
    {
        document.getElementById("spousefld").readOnly = "readonly";
    }
}