javascript - 仅在选项已更改为默认值时显示

Question

我想向div显示“删除直到更改”（及其内容），但前提是Select元素的选项已从其默认值更改。

必须在更改选项之前删除div，并且不要将其隐藏，例如“ display：none”和“ visibility：hidden”。

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

演示：http://jsfiddle.net/JZMYb/

<select id="the-changer">
  <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 hideShow(){
    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>

任何人都知道适用于此示例的Javascript（无jQuery）吗？

Answer 1

实际上，您的脚本正在运行，只是忘记了调用函数

<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>

DEMO

根据评论Demo 2更新