JavaScriptコーディング

プルダウン選択で表示のオン/オフ

2011年05月31日
以前JavaScriptで、プルダウンで選択した値によって表示をオンにしたりオフにしたりするコードを書いていましたが、OperaとFirefoxで動かないことが分かりました。
そこで、ネットで色々調べて、あれこれ試してみました。

コールするhtml側
<form method="post" action="" name="frmForm">
 <select name="selection" onchange="funHyoji(frmForm)">
  <option value="val1">値1</option>
  <option value="val2">値2</option>
 </select>
 <span id="hyoji" name="hyoji">
  表示したり表示を消したり
 </span>
</form>

JavaScriptの関数
function funHyoji(frmObj){
 if(frmObj.elements["selection"].value == "val1")){
  document.getElementById("hyoji").style.visibility="visible";
 }
 else{
  document.getElementById("hyoji").style.visibility="hidden";
 }
}

これで、値1を選んだときは文字が表示され、値1以外(この場合は値2)のときは表示が消えます。

以前は、JavaScriptを
function dspSort(frmObj) {
 if(frmObj.elements["selection"].value == "val1"){
  frmObj.document.getElementById("hyoji").style.display="";
 }
 else{
  frmObj.document.getElementById("hyoji").style.display="none";
 }
}
と書いていました。
IEではちゃんと動くのですが、OperaとFirefoxでは動きませんでした。
コメントの書き込み
コメント
2018年09月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
先月
来月
カテゴリ
検索
関連サイト
プロフィール
【ネットネーム】
みゅー

キャラクター by ツカエルサイト


【趣味】
・プログラミング
・写真
・楽器演奏
・手芸
・日曜大工
・家の中の不便を便利に
・考える
・自然科学
・猫と戯れる
・ジグソーパズル

【仕事】
・派遣社員でSE・PGやっていました。次の良い仕事がみつからないので、ビジネスへ注力しようと思っています。
・経験言語:VB6、VB.NET、PHP、Perl、JAVA、Oracle、SQLServer、PostgreSQL



【名前】
アン(足)

2014年4月22日生まれ 女の子
あだ名は くノ一
普段は普通にしゃべりますが、興奮すると『ニャ』を連発します

【趣味】
・狩
・ご飯を食べる
・ママのお手伝い

【仕事】
ママのビジネスの看板招き猫
ママの代わりにPC入力
仕事中のママの右腕を温める
ママに心配をかける
いろんな事をしでかしてママを退屈させない

RSSフィード