ポケ鬼！！
2000/02/24(木) 18:54:06
スクリプトでoptionの値を取り出す場合、option要素にvalue要素が必須になります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html40/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function ButtonClick(obj)
{
var tako;
tako = obj.selectname.options[obj.selectname.selectedIndex].value;
obj.text1.value = tako;
}
//-->
</script>
</head>
<body>
<form method="get" action="" name="formname" id="formname">
<select name="selectname" id="selectname">
<option value="バリュウ１です">バリュウ１です</option>
<option value="バリュウ２です">バリュウ２です</option>
<input type="text" name="text1" id="text1" value="">
<input type="button" name="button1" id="button1" value="Button" onclick="ButtonClick(formname);">
</select>
</form>
</body>
</html>
玉露
2000/02/26(土) 14:23:06
解決マークを付けたのに失礼します。
恥ずかしながら、もう一つ質問してもよろしいでしょうか？
今度はテキストとプルダウンメニューを連動させるように作りたいのですが、これまた何度本を見ても全くうまくゆかず。。。
以下はコードです。
------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html40/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function Button01Click(obj)
{
var tako;
tako = obj.selectname1.options[obj.selectname1.selectedIndex].value;
obj.text1.value = tako;
}
function Button02Click(obj) {
var Val='';
var ValIndex='';
var tako;
tako = obj.selectname1.options[obj.selectname1.selectedIndex].value;
for(i=0;i<obj.selectname1.length;i++){
Val=obj.selectname1.options[i].value;
if(Val==obj.text1.value){
ValIndex=obj.selectname1.options[i].index;
obj.selectname2.options[i].selected;
break;
}
}
obj.text2.value=Val;
obj.text3.value=ValIndex;
}
//-->
</script>
</head>
<body>
<form method="get" action="" name="formname" id="formname">
<P>
プルダウン１
<select name="selectname1" id="selectname1">
<option value="バリュウ１です" selected>バリュウ１です
<option value="バリュウ２です">バリュウ２です
<option value="バリュウ３です">バリュウ３です
<option value="バリュウ４です">バリュウ４です
<option value="バリュウ５です">バリュウ５です
</select>
テキスト１
<input name="text1" id="text1">
<input type="button" name="button1" id="button1" value="ボタン１" onclick="Button01Click(formname);">
</P>
<P>
プルダウン２
<select name="selectname2" id="selectname2">
<option value="バリュウ１です" selected>バリュウ１です
<option value="バリュウ２です">バリュウ２です
<option value="バリュウ３です">バリュウ３です
<option value="バリュウ４です">バリュウ４です
<option value="バリュウ５です">バリュウ５です
</select>
テキスト２
<input name="tex2" id="text2">
テキスト３
<input name="text3" id="text3">
<input type="button" name="button2" id="button2" value="ボタン２" onclick="Button02Click(formname);">
</P>
</form>
</body>
</html>
------------------------------------------------------
１．プルダウン１を適当に選ぶ。
２．ボタン１を押す
アクション
テキスト１にプルダウン１の選ばれているvalueが入る。
４．ボタン２を押す
アクション
テキスト１に入ってるvalueを取り出してプルダウン２の全項目と照合し、合致したら自動的にプルダウン２の選択を合致したデータの位置にする。
（デバック用にテキスト２には合致valueテキスト３には合致Indexを入れています。）
つまり、最終的にプルダウン１をプルダウン２が全く同じところが選択されているようにしたいのです。
とりあえずボタン２を押してデータの照合まではうまく行ったのですが、どうしてもプルダウン２の選択が出来ません。
申し訳ないのですが、御教授頂けないでしょうか？