[問題] 一個js的寫法 firefox ok IE8上卻會出錯

看板Ajax作者cluclu (ㄚ嚕)時間13年前 (2012/09/05 09:45)推噓1(1推 0噓 5→)

留言6則, 5人參與討論串1/2 (看更多)

首先要先說明一下我對javascript與jQuery都是非常非常*n新手只是copy公司前輩的程式碼來用與修改所以先說明一下這些程式碼的目的目的 : 在html做出來的一個下拉式選單裡若是選中了其中一個選項 (信用卡) 此時畫面中會跑出信用卡卡號、有效日期等等的 input 欄位若是選了別的選項，這些欄位則不會顯示出來，程式碼如下 html部分 ///////////////////////////////////////////////////////////////////// <span id='credit'> 信用卡號： <input type='text' name='credid' id='credid' value='<?=$credid?>' size='20' maxlength='19' /></br> 信用卡有效日期： <select id='expiry_year' name='expiry_year' onchange='update_expiry()'><?=select_expiry_year();?></select>年 <select id='expiry_mon' name='expiry_mon' onchange='update_expiry()'> <?=select_expiry_mon()?></select>月 </span> javascript部分 ///////////////////////////////////////////////////////////////////// <script type='text/javascript'> function show_credit(obj){ credit = document.getElementById('credit'); if(obj.value == '信用卡'){ credit.style.display = 'inline'; } else{ credit.style.display = 'none'; } } var tooltip = new Array(); $(document).ready(show_credit(document.getElementById('billac_type'))); jQuery(function($){ $("#credid").mask("9999-9999-9999-9999",{completed:function(){alert("信用卡號格式不符: "+this.val());}}); $("#credit_date").mask("99/99",{completed:function(){alert("信用卡有效日期不符: "+this.val());}}) ; }); </script> ///////////////////////////////////////////////////////////////////// IE8 左下角錯誤三角型出現的錯誤訊息是網頁錯誤詳細資料使用者代理程式: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) 時間戳記: Wed, 5 Sep 2012 01:24:13 UTC 訊息: 物件不支援此屬性或方法行: 361 字元: 4 程式碼: 0 URI: http://localhost/WEBERP/000werp/store/index.php?act=shopcar 然後361行我看網頁的原始碼就是 credit = document.getElementById('credit'); 這邊開始不知道該怎麼修正這個錯誤？又或者是有另外可以達成同樣目的的程式寫法，有範例可以給我參考謝謝各位 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.248.241.217

推

musie

09/05 09:51, , 1^F

09/05 09:51, 1^F

→

cluclu

09/05 10:06, , 2^F

09/05 10:06, 2^F

→

cluclu

09/05 10:07, , 3^F

09/05 10:07, 3^F

重新補充一下有問題的地方在於使用Firefox瀏覽器時可以正確的在選到信用卡這個選項時那兩個相關的input text欄位才會顯示出來 (信用卡卡號與日期) 若選擇其他的選項那兩個input text欄位則會隱藏使用IE8瀏覽器時一開始就會顯示出那兩個 input 欄位然後不管選其他的選項這兩個都不會隱藏 ※ 編輯: cluclu 來自: 60.248.241.217 (09/05 10:10)