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

问题描述：

我使用html设计了一个PHP注册表单。该表格收集用户的个人信息，其中包括婚姻状况，配偶姓名和子女人数。我如何编码，以便每当用户选择“单身”作为他/她的婚姻状态时，配偶姓名和子女人数的文本框将被自动禁用？所有这些都必须在不刷新页面的情况下完成。谢谢！更新注册表单而不刷新页面

我认为你应该使用ajax。 – NewUser 2012-02-06 05:09:21

ajax是你的朋友 – defau1t 2012-02-06 05:09:28

这些事情都是用JavaScript完成的。无需刷新页面。 – Sparky 2012-02-06 05:10:35

答

假设你正在使用下拉婚姻状况，使用onchange事件以捕捉变化下拉状态

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

谢谢！它工作完美。 – Programmer 2012-02-07 07:58:56

答

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

如果你已经使用组合框marrital状态

<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

在jsfiddle中检查执行情况 – 2012-02-06 05:18:00

答

您可以使用JS你的目的。试试这个代码：（假设“单”是你的单选按钮）

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

更多细节see this

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

相关推荐