Javascript 仅当选项已从默认值更改时显示

我想显示div“remove untill change”（及其内容），但前提是Select元素的选项已从其默认值更改

在更改选项之前，必须删除该div，而不是像“display:none”和“visibility:hidden”一样隐藏该div

我制作了以下脚本，但似乎不起作用：

演示：

你喜欢吃馅饼吗？
对
不
函数hideShow（）{
写下（'你喜欢巧克力老鼠派吗？是的'）；
if（document.getElementsByTagName（'select'）。onchange=true）；
};

---

有人知道一个Javascript（没有jQuery）可以处理这个例子吗？

实际上，您的脚本正在工作，您刚刚忘记调用您的函数

<select id="the-changer" onchange='removeShow()'><!--call the function-->
  <option value="first">Do you like pie?</option>
  <option value="second">Yes</option>
  <option value="third">No</option>
</select>

<script language="javascript" type="text/javascript">
function removeShow(){
    document.write('<div id="remove-untill-change"><select><option value="first">Do you like chocolate mouse pie?</option><option value="second">Yes</option><option value="third">No</option></select></div>');
    if (document.getElementsByTagName('select').onchange = true);
};
</script>

你喜欢吃馅饼吗？
对
不
函数removeShow（）{
写下（'你喜欢巧克力老鼠派吗？是的'）；
if（document.getElementsByTagName（'select'）。onchange=true）；
};

根据评论更新

---

​

实际上您的脚本正在工作，您刚刚忘记调用函数

<select id="the-changer" onchange='removeShow()'><!--call the function-->
  <option value="first">Do you like pie?</option>
  <option value="second">Yes</option>
  <option value="third">No</option>
</select>

<script language="javascript" type="text/javascript">
function removeShow(){
    document.write('<div id="remove-untill-change"><select><option value="first">Do you like chocolate mouse pie?</option><option value="second">Yes</option><option value="third">No</option></select></div>');
    if (document.getElementsByTagName('select').onchange = true);
};
</script>

你喜欢吃馅饼吗？
对
不
函数removeShow（）{
写下（'你喜欢巧克力老鼠派吗？是的'）；
if（document.getElementsByTagName（'select'）。onchange=true）；
};

根据评论更新

---

​

啊，我明白了，但现在它取代了现有的html，这不是我的本意。你如何在不替换现有html的情况下做到这一点？@Macchiato你想保留现有的下拉列表吗？我不知道“写入”会替换整个页面，我应该使用“innerHTML”！谢谢@Sibu，这正是我的意思：）@Macchiato很高兴我能帮助你。在第一次选项更改时，也可以只运行Javascript，而不是在之后再次更改时运行吗？啊，我明白了，但现在它取代了现有的html，这不是我的本意。你如何在不替换现有html的情况下做到这一点？@Macchiato你想保留现有的下拉列表吗？我不知道“写入”会替换整个页面，我应该使用“innerHTML”！谢谢@Sibu，这正是我的意思：）@Macchiato很高兴我能帮助你。在第一次选项更改时，也可以只运行Javascript，而不是在之后再次更改时运行吗？