javascript를 통해 선택 상자를 만들고 innerhtml로 div 요소를 추가합니다. 옵션의 텍스트 값에 문자열 값 사이에 2 개의 공백이 있습니다. 문자열 비교를 통해 선택한 값을 설정합니다.이 값은 IE8에서만 실패합니다. 그 이유는 중간에 한 개의 공백을 제거하기 때문입니다. 다음은 다른 모든 브라우저에서 내 문제IE8은 문자열 사이에 공백을 유지하지 않습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
function buildSelect() {
$('#mydiv').html('<select id="listOption1" name="listOption1"><option value="1234">30.0 x 80.0 in</option><option value="12345">32.0 x 80.0 in</option><option value="123">36 x 80 in</option></select>');
}
</script>
</head>
<body onload="buildSelect()">
<div id="mydiv">
</div>
</body>
</html>
을 설명하는 데모 HTML 및 스크립트 문자열 사이의 2 개 공간 (32.0 X 80.0)은 IE9.In IE8은 그 유지되지 않습니다를 포함하여 유지 . 누군가 IE8에서 그 공간을 유지하는 방법을 제안 할 수 있습니까?
등의 모든 브라우저에서 일관성을 유지할 수 있습니까? –
한 번 이상 연속 된 공간이 필요하다면 어떤 의미가 있습니까? –
이것은 실제로 API에서받은 몇 가지 데이터입니다. 추가 공간은 가독성을 위해 추가 될 수 있습니다. – Vel