Javascript 如何显示不同的输入框取决于值选项选择

我需要你的帮助。我有选择权：

关系：

<?php
$relationship=array(
''=>'Choose relationship',
'child'=>'child',
'guardian'=>'guardian',
'parent'=>'parent',
'wife'=>'wife',
'husband'=>'husband',
'mother in law'=>'mother in law',
'futher in law'=>'futher in law'
);

echo form_error('relationship');<br />
echo form_dropdown('relationship', $relationship, set_value('relationship'), array('id'=>'relationship'));
?>

---

如果进行了选择，如何使输入框显示？例如，如果我选择母亲，我希望显示地址输入框，如果我选择孩子，我希望显示出生日期输入框

选择某个选项时触发事件，然后检查选择了哪个选项并相应地显示输入框。 例如：

    $('selectbox').on('change', function (e) {
    if( this.value == 'mother')
      {
        $('addressinput').show();
      }
    });

---

选择某个选项时触发事件，然后检查选择了哪个选项并相应地显示输入框。 例如：

    $('selectbox').on('change', function (e) {
    if( this.value == 'mother')
      {
        $('addressinput').show();
      }
    });