html下拉框换成div,根据选定的下拉选项更改div的内部html

你好，我看过这个论坛寻找这个答案。我正在使用select元素来确定给定div的HTML。我试着用选项元素来做这件事，但在阅读了一些对其他问题的回应之后，却被告知它没有跨浏览器友好。其中一些答案我找到了工作，但是当我尝试调整答案时，一切都崩溃了！我是Javascript新手，下面看起来完全合乎逻辑！ (我猜测它没有)。根据选定的下拉选项更改div的内部html

function changeFunc() {

var selectedValue = selectBox.options[selectBox.selectedIndex].value;

var y = document.getelementbyid("demo");

if (selectedValue == "1") {

y.innerhtml = "hello";

} else if (selectedValue == "2") {

y.innerhtml = "hello 1";

} else if (selectedValue == "3") {

y.innerhtml = "hello 2";

} else if (selectedValue == "4") {

y.innerhtml = "hello 3";

}

}

Option #1

Option #2

Option #3

Option #4