根据先前的字段输入显示字段


display field according to previous field input

我是php,html的新手,我想创建一个字段标签,该标签将根据用户在上一个字段中的选择进行更改。即第一个字段用户将选择他的国家,然后第二个字段将出现不同的标签,例如:如果他选择阿联酋标签将是"输入您的ID:",如果任何其他国家/地区的标签将是"输入您的护照号码"。任何帮助将不胜感激

好吧,既然你没有提到javascript或jquery,你最多能做的就是做两个表一个包含国家/地区 ID 和国家/地区,另一个包含option_name和国家/地区 ID(假设您希望为某些国家/地区使用相同的标签)。现在,您可以轻松地放置一个"下一步"按钮,单击该按钮时,该按钮将获取针对国家/地区ID的option_name,然后将其作为html回显到页面上。避免"下一步按钮"部分的方法是使用jquery(像post()和get()这样的方法)或javascript(前者更干净,需要更少的代码)。

试试这个你需要javascript.its test

<form method='POST' action='pageurl'>
<label for='field1'>Your name</label>
<input id='field1' name='field1' type='text' />
<label for='field2'>Status</label>
<select id='field2' name='field2'>
    <option>-select one-</option>
    <option value='Employee'>Employee</option>
    <option value='Retiree'>Retiree</option>
</select>
<br>
<label for='field3'>City you work in</label>
<input id='field3' name='field3' type='text' />
</form> 

然后使用此 JavaScript 代码

$('#field2').change(function() {
    var labels = {
        'Employee' : 'City you work in',
        'Retiree' : 'City you live in',
        '-select one-': 'Default value'
    }      
    $("label[for='field3']").html(labels[$(this).val()]);
});