undefinedを表示させない方法はありますか？（javascript）

解決済

質問者：sara555
質問日時：2004/11/19 16:38
回答数：2件

undefinedを表示させない方法はありますか？（javascript）

コードを入力して、文字を表示させているのですが、
以下のソースになります。
その時に、イベント処理をonkeyupにしていて、
入力しているのと同時に表示させています。
その時に、1とか10とか入力している途中に、
undefinedが表示されてしまいます。
空白でもいいのですが、表示させない方法はありますか？
教えて下さい。

<SPAN>とinnerHTMLを使用しています。

<HTML>
<BODY>
<SCRIPT LANGUAGE=JavaScript>

</SCRIPT>
<FORM NAME=f>
<INPUT NAME=code SIZE=4 onkeyup="sample(this.form)"> <SPAN ID="ans"></SPAN>
</FORM>
</BODY>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： lead1976
回答日時：2004/11/20 10:40

配列要素の存在をif文で判定して、入力されたキーを持つ配列要素があるときにはその配列要素の内容を、入力されたキーを持つ配列要素が未定義の場合には空白を、それぞれ表示させるようにする方法を取るのが良いのではないかと思います。

具体的には、下記のようなソースではいかがでしょうか。

<HTML>
<BODY>
<SCRIPT LANGUAGE=JavaScript>

</SCRIPT>
<FORM NAME=f>
<INPUT NAME=code SIZE=4 onkeyup="sample(this.form)"> <SPAN ID="ans"></SPAN>
</FORM>
</BODY>
</HTML>

質問文のソースを元に、改変しました。配列名と関数名が重複していたので配列名は変更してあります。また、関数の処理ごとに配列を再定義するのも、個人的にどうかと思えたので、配列の定義は関数から出してあります。
こうすると、if文の条件で指定された配列が定義されているものかどうかを判定し、定義されている場合にはspan id="ans"を配列要素の内容で書き換え、そうでない場合にはspan id="ans"の表示を消去するようになると思います。

参考まで。

- 1
- 件

通報する

この回答へのお礼

すみません、回答いただきまして、
有難うございました。
ソースまで書いていただいて、
わかりやすかったです。

通報する

お礼日時：2005/03/18 23:54

No.1

回答者： davosuke
回答日時：2004/11/19 18:09

ーーーー質問のコード抜粋ーーーーー

function sample(f)
{
var sample = new Array()
sample['100'] = 'りんご' ;
sample['101'] = 'オレンジ' ;
sample['102'] = 'メロン' ;
//変更 Start
if(isNaN(parseInt(f.code.value,10)){
document.getElementById('ans').innerHTML =""
}else
document.getElementById('ans').innerHTML =
sample[f.code.value] ;
}
//変更 End
}
これで空白が表示します。