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
我使用上面的代码从左框中选择一个名称并将其移动到右框。代码在IE中工作,有/没有DOCTYPE。但是当我使用DOCTYPE时,它在Firfox中停止工作。我花了很多时间在这上面,但仍然不能解决问题。另外,我是Javascript的新手,所以请向我解释下面代码的问题(当我使用DOCTYPE时)。提前感谢您的帮助 您的标记与DOCTYPE不匹配。也就是说,您没有使用有效的XHTML 1.0标记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)
粘贴你的代码,它会告诉你出了什么问题 您所依赖的元素的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='-->'
onClick='addOption_list(userlist,pouser);' type='button'>
<br><input value='<--'
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>