javascriptの変数の渡し方

質問

ラジオボタンで選択した値によって表示するテーブルを変えるフォームを作っています。
AAAは入力ボックスが1つ
BBBは入力ボックスが2つ

同じphpへ送信して、入力ボックスへデータは入るのですが、javascriptの値を渡すことが出来ません。

BBBでsubmit後、BBBの入力ボックスを表示することは出来ますでしょうか。

<?
echo "<form method=post action=?>";

echo "<input type=radio name='user' onclick='change_user(this.value)' uid='user' value=1";
if($user==1){
echo " checked";
}
echo ">AAA";
echo "<input type=radio name='user' onclick='change_user(this.value)' uid='user' value=2";
if($user==2){
echo " checked";
}
echo ">BBB";
echo "<br>";

echo "<span id=inner>";
echo "<table>";
echo "<tr>";
echo "<td>AAAのフォーム</td>";
echo "<td><input name=form1 type=text value=$form1></td>";
echo "</tr>";
echo "</table>";
echo "</span>";

echo "<span id=outer>";
echo "<table>";
echo "<tr>";
echo "<td>BBBのフォーム</td>";
echo "<td><input name=form1 type=text value=$form1></td>";
echo "<td><input name=form2 type=text value=$form2></td>";
echo "</tr>";
echo "</table>";
echo "</span>";
echo "<br>";

echo "<input type=submit value=submit>";
echo "</form>";
?>
<script language='javascript'>
var inner = document.getElementById('inner');
var outer = document.getElementById('outer');
function change_user (uid) {
if (uid == '2') {
inner.style.display = 'none';
outer.style.display = '';
} else {
inner.style.display = '';
outer.style.display = 'none';
}
}
change_user(document.getElementById('user').value);
</script>

回答No.1

yambejp · ベストアンサー

えーと。

同じフォームの中に、AAAとBBBで同じ名前（form1）のテキストフィールドが
あるので、これはだめです。別名で管理してください。

それとechoの連発はいただけません。ヒアドキュメントにしましょう
以下を踏まえてこんな感じで書くとよろしいかと。

<script language="javascript">

window.onload=function(){
inner = document.getElementById("inner");
outer = document.getElementById("outer");
var user=document.forms[0].user;
var uid=0;
if(user[0].checked) uid=1;
if(user[1].checked) uid=2;
change_user(uid);
}

function change_user(uid){
if(uid == "2"){
inner.style.display = "none";
outer.style.display = "inline";
}else if(uid=="1"){
inner.style.display = "inline";
outer.style.display = "none";
}
}
</script>

<?PHP

$checked["user"][$_REQUEST["user"]]=" checked";
print <<<eof
<form method="get" action="{$_SERVER["PHP_SELF"]}">
<input type="radio" name="user" onclick="change_user(this.value)" id="user1" value="1"{$checked["user"]["1"]}><label for="user1">AAA</label>
<input type="radio" name="user" onclick="change_user(this.value)" id="user2" value="2"{$checked["user"]["2"]}><label for="user2">BBB</label>
<br>
<span id="inner">
<table>
<tr>
<td>AAAのフォーム</td>
<td><input name="form1" type="text" value="{$_REQUEST["form1"]}"></td>
</tr>
</table>
</span>
<span id="outer">
<table>
<tr>
<td>BBBのフォーム</td>
<td><input name="form2" type=text value="{$_REQUEST["form2"]}"></td>
<td><input name="form3" type=text value="{$_REQUEST["form3"]}"></td>
</tr>
</table>
</span>
<br>
<input type="submit" value="submit">
</form>
eof;

?>

補足

>>同じフォームの中に、AAAとBBBで同じ名前（form1）のテキストフィールドが
そうですよね、重複ではsubmit後に二番目が優先でした。

>>それとechoの連発はいただけません。ヒアドキュメントにしましょう
そうだったのですか、以後気をつけます。

ソースの見直しありがとうございます。
AAAもしくはBBBで送信した場合、チェックされて表示はされているのですが
テキストボックスが初期の二つ出る状態になっていまいます。
こちらも継続してAAAならAAAのテキストボックスのみ表示
とするのはやはり難しいでしょうか。