javascript - 如何根据值选项选择显示不同的输入框

Question

需要你的帮助。我有选项选择:

关系:

<?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'));
?>

如何让输入框在选择后出现？例如，如果我选择母亲，我希望出现地址输入框，如果我选择 child ，我希望出现出生日期输入框...

Answer 1

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

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