1

divの「remove-untill-change」（およびその内容）を表示したいのですが、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なし）を知っている人はいますか？

4

1 に答える 1

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>

デモ

コメントデモ2に基づいて更新 </p>

于 2012-11-19T11:19:49.493 に答える