IE7中的Javascript函数

Question

我正在编辑网页的一部分，该页面允许用户选择三种不同疼痛程度的疼痛等级。 我的代码在Chrome和IE和Firefox的较新版本上可以正常运行，但是在IE 8及以下版本中却无法运行。 此代码必须在IE 7之前的浏览器上运行。

 var painByScale = { FLACC: ["", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], Wong_Baker: ["", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], UAB: ["", "0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10"] } function changerate(value) { if (value == ""); else if (value.length == 0) document.getElementById("pain_scale").innerHTML = "<option></option>"; else { var options = ""; for (painId in painByScale[value]) { options += "<option>" + painByScale[value][painId] + "</option>"; } document.getElementById("pain").innerHTML = options; } } 

 <select name="pain_scale" tabindex="40" id="pain_scale" onChange="changerate(this.value);"> <option value="" selected>Select Scale</option> <option value="FLACC">FLACC</option> <option value="Wong_Baker">Wong-Baker</option> <option value="UAB">UAB</option> </select> <select name="pain" id="pain"> <option value="" selected>Select Rating</option> </select> 

我并不是最擅长建立网站，但是我已经尽力尝试了所有我知道该怎么做的事情。 如果有人有任何建议，请帮助我。 任何意见，将不胜感激。 谢谢。

Answer 1

您可能正在兼容性视图中运行站点。 我无法想象一家公司仍在故意使用IE7；）我所做的就是在标头中使用此meta标签。 它强制浏览器使用IE的最新版本。 否则，您将不得不重构代码。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Answer 2

更换innerHTML中select不老的IE的工作，以及（如果我没记错的话）。 也许一次替换整个select元素。

 var painByScale = { FLACC: ["", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], Wong_Baker: ["", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], UAB: ["", "0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10"] } function changerate(value) { if (value == ""); else if (value.length == 0) document.getElementById("pain_scale").innerHTML = "<option></option>"; else { var options = '<select name="pain" >'; for (var painId in painByScale[value]) { options += "<option value=" + painByScale[value][painId] + ">" + painByScale[value][painId] + "</option>"; } options += "</select>"; document.getElementById("pain").innerHTML = options; } } 

 #pain { display: inline-block; } 

 <select name="pain_scale" tabindex="40" id="pain_scale" onChange="changerate(this.options[this.selectedIndex].value);"> <option value="" selected>Select Scale</option> <option value="FLACC">FLACC</option> <option value="Wong_Baker">Wong-Baker</option> <option value="UAB">UAB</option> </select> <div id="pain"> <select name="pain"> <option value="" selected>Select Rating</option> </select> </div>