Question

我正在使用html在PHP中设计注册表单。表格收集用户的个人信息，包括婚姻状况，配偶姓名和子女人数。我怎样才能对其进行编码，以便每当用户选择＆＃34; Single＆＃34;对于他/她的婚姻状况，配偶姓名和子女人数的文本框将被自动禁用？所有这一切都必须在不刷新页面的情况下完成。谢谢！

Answer 1

假设您正在使用下拉列表来查看婚姻状况，请使用onchange事件来捕获下拉状态中的更改

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

Answer 2

您可以使用javascript函数实现此目的。

如果您使用了combobox进行婚姻状态

<select id="a" onchange="if( this.options[this.selectedIndex].value=='s')
{document.getElementById('spouce').readOnly = true;}
">
    <option value='s'>single</option>
    <option value='m'>married</option>
</select>
<input type='text' id='spouce'/>

请参阅jsfiddle

Answer 3

您可以将JS用于您的目的。试试这段代码:(假设“单身”是你的单选按钮）

if (document.geElementById('maritalStatus').checked){
   //disable resp textboxes
   document.geElementById('spouce').disabled = true;
   document.geElementById('children').disabled = true;
}

了解更多详情see this

更新注册表单而不刷新页面

3 个答案: