HTMLセレクトメニューの選択状態変更

質問

Javascriptで、HTMLの選択状態を変更するにはどうしたらよいか、お分かりになる方がいましたら教えていただければと思います。
下記の例でいくと、AからBにページを更新せずに変更（表示も）したいのです。

<select>
<option value="1" selected>A</option>
<option value="2">B</option>
</select>

回答No.2

yambejp · ベストアンサー

なるほど・・・
それではonChangeメソッドをつかって
こんな感じでどうでしょう？

<script language=javascript>
function check(obj){
var s=obj.form.select1
for(var i=0;i<s.length;i++){
if(s.options[i].value==obj.value){
s.options[i].selected=true
return
}
}
}
</script>
<form name="form1">
<input type="text" name="text1" onChange="check(this)">
<select name="select1">
<option value="code1" selected>A</option>
<option value="code2">B</option>
<option value="code3">C</option>
<option value="code4">D</option>
</select>
</form>

回答No.1

yambejp

なにをしたときに変更したいのでしょう？

ページを読んだときにかえていいなら
<script language=javascript>
window.onload=function(){
document.form1.select1.selectedIndex=1
}
</script>
<form name="form1">
<select name="select1">
<option value="1" selected>A</option>
<option value="2">B</option>
</select>
</form>

また、Bに変更するというのもあいまいです。
上の例ではselectの上から2番目（要素番号1）を選んでいますが
valueが2要素を選ぶ、テキストがBの場合選ぶなど、
細かい設定ができますので、仕様をきちんとかかないと
まっとうな回答はつきませんよ

お礼

ご回答ありがとうございます。
そして、言葉足らずで申し訳ありません。
つまり、こういうことがしたいのです。

<form name="form1">
<input type="text" name="text1">
<select name="select1">
<option value="code1" selected>A</option>
<option value="code2">B</option>
</select>
</form>

基本はセレクトメニューからデータを選択するのですが、選択したいデータのコード（optionタグのvalue値）がわかっている場合、テキストボックス（text1）にコードを入力すれば、自動的に該当のデータがセレクトメニューから選択されるという処理をしたいのです。
説明が下手ですが、お分かりいただけましたでしょうか？