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

时间:2013-09-23 23:25:42

标签: php html forms

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

尝试这个你需要javascript。测试

<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()]);
});