<div id="dept-or-user-div" class="panel" style="padding-bottom:10px;">
<h3 class="div-title">Select Alert Recipients</h3>
<div class="recipient-error" style="display:none;"><p style="padding-top:10px; color:#f00;">Please select at least one recipient</p></div>
<p>
<input type="radio" checked value="dept" name="user-or-dept">Department</input>
<input type="radio" value="user" name="user-or-dept">User</input>
<input type="radio" value="both" name="user-or-dept">Both</input>
</p>
<div class="department-select" class="dept">
<p><label for="department-choice">Department:</label>
<select name="department-choice" id="department-choice">
<option></option>
<?php
echo get_departments();
?>
</select></p>
</div><!--end #department-select-->
<div class="user-select user" >
<p><label for="user-choice">User:</label>
<select name='user-choice' id="user-choice">
<option></option>
<?php
echo get_users('option');
?>
</select></p>
</div><!--end #user-select-->
</div><!--end #dept-or-user-div-->
ここに3つのラジオボタンがあります
- 部門 (部門ドロップダウン)
- ユーザー(ユーザードロップダウン)
- 両方 (ユーザーと部門のドロップウォン)
そして、値が「両方」のラジオボタン、つまり3番目のラジオボタンが選択されたときにこれをやりたいのですが、js関数を呼び出して、部門の値に応じてユーザーのドロップダウンを動的に入力したいと考えています。どうやってやるの?