入力フォームの反映

質問

登録ページにて、申込者の情報入力フォーム、社長の入力フォーム、部長の入力フォームが同ページにあります。
申込者は社長か部長かをドロップダウンで選択してもらいます。
社長を選んだ場合、申込者の情報を入力すると下の社長の入力フォームに同じものが反映され
部長を選んで入力すると、下の部長の入力欄に同じく反映させたいのですが
PHPで可能でしょうか？
よろしくお願いいたします。

//
<p>［お申込み者入力］</p>
<dt>
<label for="yakusyoku">役職</label>
</dt>
<dd>
<select id="yakusyoku" name="yakusyoku">
<option value="社長">社長</option>
<option value="部長">部長</option>
</select>
</dd>
<dt>
<label for="m_name">お名前</label>
</dt>
<dd>
<input name="m_name" type="text" id="m_name" size="10" maxlength="20" />
</dd>
<p>［社長情報入力］</p><br>
<dt>
<label for="s_name">お名前</label>
</dt>
<dd>
<input name="s_name" type="text" id="s_name" size="10" maxlength="20" />
</dd>

<p>［部長情報入力］</p><br>
<dt>
<label for="b_name">お名前</label>
</dt>
<dd>
<input name="b_name" type="text" id="b_name" size="10" maxlength="20" />
</dd>

回答No.1

yambejp

ざっとこんな感じ？

(1)社長部長選択をさせたら、いちどボタンを押すなどしてサブミットして
次画面で入力させる

(2)選択したら、javascriptで入力欄の表示を切り替える

(3)選択したら、ajaxで入力欄をサーバーに取りに行く

(4)選択肢を最初からつくらず社長・部長共有にしておき
テキストで「社長の場合はここかいて！」的なフォローをする

ユーザビリティとしては2>3>1>4、環境依存を考えれば1>4>2>3
シンプルさでかんがえれば4>1>2>3、拡張性で3>4>1>2 って感じ？

補足

さっそくの回答ありがとうございます！
今のところ、javascriptで入力欄の切り替えを作っているのですが
社長の情報は必須項目にしているため、
申込者で社長を選択し、下に出ている部長の情報を入力しても
隠れている社長欄に空白エラーが出て次のページに進めなくなっているのです。