Why doesn't surveyName's value change?
<script type = 'text/javascript'>
surveyName = "catNull";
function test(){
window['surveyName'] = "catTest";
}
</script>
</head>
<body>
<input onclick = 'test()' id = 'cat' class = 'test' type = 'button' value = 'category' />
<script>
document.write('<input id = "survey" class = "test" type = "button" value = "'+surveyName+'" />');
</script>
It does change.
However, you never observe the change.
Because you don't change input object's value, only the variable.
The element is independent of the variable. If you want to change what the browser shows, you must do:
document.getElementById("...").value = window.surveyName;
Because you did not click on the input yet.
It does. But you've already output the variable to the page, and what you've output doesn't change.
If you want to change the input's value:
document.getElementById("survey").value = "new value";
That works because you've assigned the element the id value "survey", so you can retrieve the element via document.getElementById passing in that id, and use the element's value property to set the value.
