- ベストアンサー
コードを入力して、文字を表示させたい（javascript)
凄く悩んでいるのですが、良かったら教えてください。 入力フォームに コード 101 と入力したら、そのすぐ横に 配列から検索して、『オレンジ』と表示させたい のですが、どうもうまくいきません。 教えてください。 var koumoku = new Array('100','101','102'); var name = new Array('りんご','オレンジ','メロン'); 入力したものと、配列koumokuの中のコードと比べて 同じコードがあった場合、配列nameから「オレンジ」 を表示させたいのです。 for文等を使い、表示させたいです。 実は、かなりこの配列が長いので・・・ ご伝授お願いします。
- sara555
- お礼率69% (137/197)
- JavaScript
- 回答数4
- ありがとう数2
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- Y_eRu
- ベストアンサー率32% (33/101)
こんにちわ(o^-^o) こんな感じではどうでしょう？ <!-- function checkNo(){ var text = document.f.No.value; var ans = ""; for(var i=0; i< koumoku.length; i++){ if(koumoku[i] == text){ ans = name[i]; break; } } document.all.item("ans").innerText = ans; } --> <form name="f"> <input type="text" name="No" onChange = "checkNo();"> <span id = "ans"></span> </form> これなら配列をいじるだけです(≧ω≦)ｂ 失礼しましたm(_ _)m
お礼
回答有難うございました。 教えていただいた方法で、解決しました。 本当に有難うございました。
- torakiyojp
- ベストアンサー率58% (25/43)
テキストボックスがお嫌なら、 spanタグとinnerTextの組み合わせでいけると思います。
補足
torakiyojpさん、たびたびの 回答ありがとうございます。 テキストボックスがお嫌なら、 spanタグとinnerTextの組み合わせでいけると思います。との事ですが、どのように組み合わせたら 良いのでしょうか？ 良かったら教えて下さい。
- arukamun
- ベストアンサー率35% (842/2394)
暇つぶしに作ってみました。 JavaScriptは配列の添え字に文字列も使えるので、下記の様にするとシンプルですね。 ご希望はfor文を使いたいというのには添えませんが・・・。(笑) <HTML> <BODY> <SCRIPT LANGUAGE=JavaScript> <!-- function sample(f) { var sample = new Array() sample['100'] = 'りんぐ' ; sample['101'] = 'オレンジ' ; sample['102'] = 'メロン' ; f.ans.value = sample[f.code.value] ; } // --> </SCRIPT> <FORM NAME=f> <INPUT NAME=code SIZE=4 onChange="sample(this.form)"><INPUT NAME=ans SIZE=10 READONLY> </FORM> </BODY> </HTML>
補足
早速の回答有難うございます。 質問ですが、 <FORM NAME=f> <INPUT NAME=code SIZE=4 onChange="sample(this.form)"><INPUT NAME=ans SIZE=10 READONLY> のなかの <INPUT NAME=ans SIZE=10 READONLY> ではなく、 document.write(f.ans.value)のようにして、 表示したいのですが、エラーになります。 <SCRIPT LANGUAGE="JavaScript"><!-- sample(); // --> </SCRIPT> 何か良い方法はありますか？
お礼
回答有難うございました。 教えていただいた方法で、解決しました。 本当に有難うございました。