javascript - Javascript 无法在 IE9 中运行

Question

我有一个下拉列表，其列表取决于另一个下拉列表中选择的内容。下拉列表由 javascript 填充。它在 Chrome 和 FF 中正常工作，但在 IE 中不能正常工作，我得到的只是一个空白下拉列表。

这是相关代码：价格和里程是 2 个保存所需信息的 js 数组

var serviceMileage='<select name=\'servicing\' id=\'servicing\''+ 
'onfocus=\'setStyle(this.id);\''+
'onblur=\'setStyleBack(this.id);\'>';

for (var i=0;i<mileage.length;i++)
{serviceMileage=serviceMileage+'<option value='+price[i]+'>'+mileage[i]+'</option>'}
serviceMileage=serviceMileage+'</select>';

document.getElementById('servicing').innerHTML=serviceMileage;

任何指点都感激不尽！

Answer 1

试试这样写：

var serviceMileage="<select name='servicing' id='servicing' onfocus='setStyle(this.id); onblur='setStyleBack(this.id);'>";

for (var i=0;i<mileage.length;i++){
    serviceMileage=serviceMileage+"<option value='"+price[i]+"'>"+mileage[i]+"</option>"
}
serviceMileage=serviceMileage+'</select>';

document.getElementById('servicing').innerHTML=serviceMileage;

您的问题可能在这里：

... value='+price[i]+' ...

它应该是

... value='"+price[i]+"'...