未在IE中填充的列表框在FF和Chrome中工作
listbox not being populated in IE works in FF and Chrome
你好,我正在使用php和javascript,并且有代码,管理员可以在下拉框中选择一个名称,并拉出与这些销售人员相关联的位置。好吧,它在FF和Chrome中工作正常,但在IE中,列表框只是空白。希望有人可以帮助我解决这里的老板使用IE
布伦特
下拉列表和列表代码
<label for="firstname"><?php echo ADD_EDIT_SALESREP;?><span class="required">*</span></label>
<select name="sales_rep" id="sales_rep" onChange="findLocation2(this.value)">
<option value="">Select</option>
<?php
$sqlQry1 = "SELECT * FROM ".TABLE_PREFIX."_employee WHERE status='t' AND is_Deleted='N' ORDER BY employee_Id";
$sql_Show1 = $DBObject->db_query($sqlQry1);
while($catArr = $DBObject->db_fetch_array($sql_Show1)){
?>
<div align="center"><br />
<option value="<?php echo $catArr['employee_Id'] ?>"><?php echo SafeOutput($catArr['first_Name']) ?> <?php echo SafeOutput($catArr['last_Name']) ?></option>
</div>
<?php
}
?>
</div>
</div>
</div>
<br />
<p>
</select>
<div id="salesrloc">
<select name="salesr_loc" id="salesr_loc" title="Sales Rep Loc" size="5" multiple="multiple">
<option value="">Select</option>
</select>
<br />
爪哇语
<script language="javascript">
dv = document.createElement('div'); // create dynamically div tag
dv.setAttribute('id',"details");
function findLocation2(category)
{
dv.innerHTML='<div id="salesrloc" style="width:auto; height:200px;"><img src="image/loading.gif"></div> <br>';
var url11 = "salesrep2.php";
var qry11="?sales_rep=" + category ;
var result1='salesr_loc';
var ajaxRequest; // The variable that makes Ajax possible!
try{
ajaxRequest = new XMLHttpRequest();
} catch (e){
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){ //alert(ajaxRequest.responseText);
var a=ajaxRequest.responseText;
try{
document.getElementById('salesr_loc').innerHTML=ajaxRequest.responseText;
}catch(e){
dv.innerHTML=ajaxRequest.responseText;
}
}
}
ajaxRequest.open("POST", url11+qry11, true);
ajaxRequest.send(null);
} </script>
最后填充列表框 php
<?php
include("mastersecure.php");
$emp_id = $_GET['sales_rep'];
$qry= "select * FROM ".TABLE_PREFIX."_location ls, ".TABLE_PREFIX."_customer cs WHERE loc_Salesrep = ".$emp_id." AND ls.customer_Id = cs.customer_Id";
$res = $DBObject->db_query($qry);
?>
<body onLoad="document.getElementById('salesr_loc').focus();">
<select name="salesr_loc[]" id="salesr_loc" title="Sales Rep Loc" size="5" multiple="multiple">
<?php
while($row=$DBObject->db_fetch_array())
{
?>
<option value="<?=$row["location_Id"]?>"><?=$row["customer_Name"]?>, <?=$row["location_Name"]?></option>
<?php
}
?>
</select>
</body>
IE不支持< select>
元素的.innerHTML!!
<select name="salesr_loc" id="salesr_loc"
...
document.getElementById('salesr_loc').innerHTML=ajaxRequest.responseText;
相反,您必须循环执行:
var d = document.getElementById('salesr_loc');
for(...) {
d.options[x] = new Option(..);
}
相关文章:
- WebRTC视频聊天可以在FF中使用,但不能在Chrome中使用
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- jQuery$.post可以在chrome、safari中工作,但不能在FF中工作(声明成功回调函数未定义)
- Javascript/AAJAX在Opera中不起作用,在FF/IE/Chrome中完美工作
- 在FF和Chrome中接收用于JavaScript函数的TypeError
- FF和Chrome中的 ftp:// 网页不会加载 file:// 脚本
- xpath query for FF/Chrome
- 有条件地将内容脚本加载到 Safari 扩展中,就像在 FF/Chrome 中一样
- jQueryAJAX调用在FF/Chrome中调试时有效
- Javascript弹出-工作在FF &Chrome,在IE中失败
- 它适用于jsFiddle,但不是在我的浏览器(FF, Chrome)
- Google OAuth 2.0 "请求权限"网页不关闭(FF, Chrome)
- Javascript/JQuery浏览器测试框架为IE9/FF/Chrome
- jQuery代码工作在FF, Chrome,而不是在IE
- jQuery美元.从本地目录获得不同的行为在IE与FF, Chrome
- Javascript代码动态改变图像的工作在IE不是FF, Chrome等:(
- Javascript定时器使用风格.背景位置在ff &chrome,在IE就没那么幸运了
- XMLHttpRequest的问题.完成值支持在FF / Chrome
- 使用eval()在IE8和ie7中不工作,但在IE9, FF,Chrome中工作
- 获得插入符号的位置(字符索引)在输入字段上掉落事件(FF, Chrome)