2012-02-03 3 views
-1

可能性の重複:
Javascript change div content upon a clickJavascriptを

私がやろうとしている何が

<div class="show"> 

このコードの更新プログラムを元のテストを持っていますユーザーがそこに置いたもので。

<style type="text/css"> 
    /* Normal mode */ 
    .weight-display div.edit {display:none} 
    /* Editor mode */ 
    .weight-edit div.show {display:none} 
</style> 
<div class="weight-display"> 
    <button onclick="toggle(this)">Edit this!</button> 
    <div class="edit"><select name="Category"> 
<option value="Department">Department</option> 
<option value="Accounts">Accounts</option><option value="Claims">HR</option><option value="Yachts UW">IT</option><option value="Marine Trade">Marketing</option></select></div> 
    <div class="show">Test</div> 
</div> 
<script type="text/javascript"> 
    function toggle(button) 
    { 
     // Change the button caption 
     button.innerHTML = button.innerHTML=='Edit this!' ? 'Save' : 'Edit this!'; 
     // Change the parent div's CSS class 
     var div = button.parentNode; 
     div.className = div.className=='weight-display' ? 'weight-edit' : 'weight-display'; 
    } 
</script> 

元:Original

EDIT:http://jsfiddle.net/f9mBm/

+0

あなたが直面している問題は何ですか?のような何かを行うことができ、その場合には

Apurv

+0

あなたの以前の質問との違いはありますか?そうでない場合は、2回質問してはいけませんが、元の質問を明確にしてください。あなたの問題を理解するのに十分な情報がこの質問には含まれていません。 –

+0

これを試すと、テキストは更新されません http://jsfiddle.net/f9mBm/ –

答えて

1

[OK]を私が正しくあなたを理解していれば、あなたがドロップダウンリストから選択した値を取得し、div.showにその値を設定したいので?あなたはこのhttp://jsfiddle.net/f9mBm/3/

+0

ありがとう! 申し訳ありません。 –