CODEWITHSUNDEEP
javascriptie-compatibility-mode
chelloveck
chelloveck

Reputation: 1

Cannot set javascript innerhtml in IE 11 without compatibility view

I am trying to correct an HTML form that works in IE11 compatibility view but behaves differently if not in compatibility.

The user can change the values in the form input elements and then click Save.

The Save button grabs the innerhtml of the entire page and stores it into a hidden input element, then proceeds to submit the form. In CV mode, the innerhtml contains the edits the user made. When NOT in CV mode, the innerhtml is the original rendering.

How can I collect the new values in the fields?

<html>

	<head>
		<script type="text/javascript">
			function saveit() {
				var markup = document.documentElement.innerHTML;
				document.getElementById("html1").setAttribute("value", markup);
				document.htmlform.submit();
			}
		</script>
	</head>

	<body>

		<form name="htmlform" id="htmlform" method="post">
		<input type="hidden" name="html1" id="html1"><br>
		<input type="text" name="batch_num" id="batch_num" value="100"><br>
		<input type="text" name="batch_name" id="batch_name" value="Start"><br>
		</form>
		<input type="button" name="savebutton" value="Save" onclick="saveit();">

	</body>
</html>

Upvotes: 0

Views: 439

Answers (0)

Related Questions