DOCTYPE在Firefox中不工作 功能添加选项列表(选择框、文本、值) { var optn=document.createElement('OPTION'); optn.text=文本; optn.value=值; 选择框。选项。添加(optn); } 函数移除选项列表(列表框,i){ 删除列表框(i); } 函数addOption_list(fromvar,tovar){ 对于(i=fromvar.options.length-1;i>=0;i--){ var userlist=fromvar; 如果(从变量[i]。选中){ addOptionList(tovar,fromvar[i].value,fromvar[i].value); removeOptionList(用户列表,i); } } } aaa bbb ccc

DOCTYPE在Firefox中不工作 功能添加选项列表(选择框、文本、值) { var optn=document.createElement('OPTION'); optn.text=文本; optn.value=值; 选择框。选项。添加(optn); } 函数移除选项列表(列表框,i){ 删除列表框(i); } 函数addOption_list(fromvar,tovar){ 对于(i=fromvar.options.length-1;i>=0;i--){ var userlist=fromvar; 如果(从变量[i]。选中){ addOptionList(tovar,fromvar[i].value,fromvar[i].value); removeOptionList(用户列表,i); } } } aaa bbb ccc,firefox,doctype,Firefox,Doctype,我使用上面的代码从左框中选择一个名称并将其移动到右框。代码在IE中工作,有/没有DOCTYPE。但是当我使用DOCTYPE时,它在Firfox中停止工作。我花了很多时间在这上面,但仍然不能解决问题。另外,我是Javascript的新手,所以请向我解释下面代码的问题(当我使用DOCTYPE时)。提前感谢您的帮助 您的标记与DOCTYPE不匹配。也就是说,您没有使用有效的XHTML 1.0标记 粘贴你的代码,它会告诉你出了什么问题 您所依赖的元素的ID在窗口上显示为全局属性(例如,userlist)

我使用上面的代码从左框中选择一个名称并将其移动到右框。代码在IE中工作,有/没有DOCTYPE。但是当我使用DOCTYPE时,它在Firfox中停止工作。我花了很多时间在这上面,但仍然不能解决问题。另外,我是Javascript的新手,所以请向我解释下面代码的问题(当我使用DOCTYPE时)。提前感谢您的帮助

您的标记与DOCTYPE不匹配。也就是说,您没有使用有效的XHTML 1.0标记


粘贴你的代码,它会告诉你出了什么问题

您所依赖的元素的ID在窗口上显示为全局属性(例如,
userlist
)。Firefox只在“怪癖”模式下才这么做,这就是doctype很重要的原因。

谢谢Griffina。下面粘贴的是来自XHTML验证程序的验证代码。它仍然不工作。:-(它不允许我粘贴更新的代码。谢谢BOris。那么我如何在本地定义它?请告诉我。谢谢!!使用
document.getElementById(“用户列表”)
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"         
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html>
    <head>
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Pragma"  content="no-cache">
    <meta http-equiv="Expires" content="-1">

        <Script language = JavaScript>
            function addOptionList(selectbox,text,value )
            {
                var optn = document.createElement('OPTION');
                optn.text = text;
                optn.value = value;
                selectbox.options.add(optn);
            }
            function removeOptionList(listbox,i){
                listbox.remove(i);
            }
            function addOption_list(fromvar,tovar){ 
                for(i=fromvar.options.length-1;i>=0;i--)    {
                    var userlist=fromvar;
                    if(fromvar[i].selected){
                        addOptionList(tovar, fromvar[i].value, fromvar[i].value);
                        removeOptionList(userlist,i);

                    }
                }
            }

        </Script>

    <table align='center'>
        <tr>
            <td ><select multiple name='userlist' id='userlist' >
                <option value='aaa'>aaa</option>
                <option value='bbb'>bbb</option>                
            </select></td>
            <td align='center' valign='middle'>
                <input value='--&gt;'  
                     onClick='addOption_list(userlist,pouser);' type='button'>
                <br><input value='&lt;--' 
                     onClick='addOption_list(pouser,userlist);' type='button'></td>
            <td><select multiple  name='pouser' id='pouser'>
                <option id='test' value='ccc'>ccc</option>              
            </select></td>
        </tr>
    </table>
</body>
</HTML>