MozTW 討論區
https://forum.moztw.org/

我做的Javascript三層選單功能無法在ff上使用!救我一下!
https://forum.moztw.org/viewtopic.php?f=13&t=27740		 第 1 頁 (共 1 頁)
發表人:  jacktw [ 2009-08-20, 16:31 ]
文章主題 :  我做的Javascript三層選單功能無法在ff上使用!救我一下!
我做的Javascript三層選單功能無法在ff上使用!救我一下!在ie上都很正常!
可否請高手幫看一下3q
代碼:
<script language="Javascript">
function make_TEXT_COL2()
{
var fm = document.doublecombo;

for ( var i= fm.TEXT_COL3.length-1 ; i > 0 ; i-- )
{
fm.TEXT_COL3.remove( i );
}

switch ( fm.TEXT_COL2.selectedIndex )
{
case 1:
var oOption = document.createElement("OPTION");
oOption.text="校長";
oOption.DDK="1";
fm.TEXT_COL3.add( oOption );
var oOption1 = document.createElement("OPTION");
oOption1.text="副校長";
oOption1.DDK="2";
fm.TEXT_COL3.add( oOption1 );
var oOption2 = document.createElement("OPTION");
oOption2.text="秘書室";
oOption2.DDK="3";
fm.TEXT_COL3.add( oOption2 );
break;
}
}

function make_TEXT_COL3()
{
var fm = document.doublecombo;

for ( var i= fm.TEXT_COL6.length-1 ; i > 0 ; i-- )
{
fm.TEXT_COL6.remove( i );
}

switch ( fm.TEXT_COL3[ fm.TEXT_COL3.selectedIndex ].DDK )
{
case "1":
var oOption = document.createElement("OPTION");
oOption.text="校長";
oOption.DDK="1";
fm.TEXT_COL6.add( oOption );
break;

case "2":
var oOption = document.createElement("OPTION");
oOption.text="副校長I";
oOption.DDK="1";
fm.TEXT_COL6.add( oOption );
var oOption1 = document.createElement("OPTION");
oOption1.text="副校長II";
oOption1.DDK="2";
fm.TEXT_COL6.add( oOption1 );
break;

case "3":
var oOption = document.createElement("OPTION");
oOption.text="秘書室";
oOption.DDK="1";
fm.TEXT_COL6.add(oOption);
var oOption1 = document.createElement("OPTION");
oOption1.text="秘三組";
oOption1.DDK="2";
fm.TEXT_COL6.add( oOption1 );
break;
}
}
</script>
發表人:  isjacktw [ 2009-08-20, 16:34 ]
文章主題 :  Re: 我做的Javascript三層選單功能無法在ff上使用!救我一下!
附上網址!!!
謝謝 感謝各位高手!!
發表人:  風痕影 [ 2009-08-21, 21:09 ]
文章主題 :  Re: 我做的Javascript三層選單功能無法在ff上使用!救我一下!
請將你的 add() 與 remove()
改用 appendChild() 和 removeChild()
(IE 也是支援這兩個東西的)

改用 removeChild() 後，括號裡就不能直接寫數字了
例如 fm.TEXT_COL3.remove( i );
就要改成 fm.TEXT_COL3.removeChild( fm.TEXT_COL3[i] );
發表人:  isjacktw [ 2009-08-25, 12:15 ]
文章主題 :  Re: 我做的Javascript三層選單功能無法在ff上使用!救我一下!
風痕影 寫:
請將你的 add() 與 remove()
改用 appendChild() 和 removeChild()
(IE 也是支援這兩個東西的)

改用 removeChild() 後，括號裡就不能直接寫數字了
例如 fm.TEXT_COL3.remove( i );
就要改成 fm.TEXT_COL3.removeChild( fm.TEXT_COL3[i] );


感謝大大的教學但是用了您的方法!做好後變成ie不行也@@ ff可以!
appendChild 在 IE 下好像會有 bug
http://www.mky.com/test/sq_test3.asp

代碼:
<script language="Javascript">
function make_TEXT_COL2()
{
var fm = document.doublecombo;

for ( var i= fm.TEXT_COL3.length-1 ; i > 0 ; i-- )
{
fm.TEXT_COL3.removeChild(fm.TEXT_COL3[i]);
}

switch ( fm.TEXT_COL2.selectedIndex )
{
case 1:
var oOption = document.createElement("OPTION");
oOption.text="校長";
oOption.DDK="1";
fm.TEXT_COL3.appendChild( oOption );
var oOption1 = document.createElement("OPTION");
oOption1.text="副校長";
oOption1.DDK="2";
fm.TEXT_COL3.appendChild( oOption1 );
var oOption2 = document.createElement("OPTION");
oOption2.text="秘書室";
oOption2.DDK="3";
fm.TEXT_COL3.appendChild( oOption2 );
break;
}
}

function make_TEXT_COL3()
{
var fm = document.doublecombo;

for ( var i= fm.TEXT_COL6.length-1 ; i > 0 ; i-- )
{
fm.TEXT_COL6.removeChild(fm.TEXT_COL6[i]);
}

switch ( fm.TEXT_COL3[ fm.TEXT_COL3.selectedIndex ].DDK )
{
case "1":
var oOption = document.createElement("OPTION");
oOption.text="校長";
oOption.DDK="1";
fm.TEXT_COL6.appendChild( oOption );
break;

case "2":
var oOption = document.createElement("OPTION");
oOption.text="副校長I";
oOption.DDK="1";
fm.TEXT_COL6.appendChild( oOption );
var oOption1 = document.createElement("OPTION");
oOption1.text="副校長II";
oOption1.DDK="2";
fm.TEXT_COL6.appendChild( oOption1 );
break;

case "3":
var oOption = document.createElement("OPTION");
oOption.text="秘書室";
oOption.DDK="1";
fm.TEXT_COL6.appendChild(oOption);
var oOption1 = document.createElement("OPTION");
oOption1.text="秘三組";
oOption1.DDK="2";
fm.TEXT_COL6.appendChild( oOption1 );
break;
}
}
</script>
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/