Question

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

必须在选项更改之前删除div，而不是隐藏，例如“display：none”和“visibility：hidden”。

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

<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

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

1 个答案: