2012-02-03 78 views
-1

可能重複:
Javascript change div content upon a clickJavaScript與用戶輸入更新的div

我試圖做的是有這樣的代碼更新原有的測試

<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

編輯:http://jsfiddle.net/f9mBm/

+0

什麼是你所面臨的問題呢? – Apurv 2012-02-03 12:20:06

+0

與上一個問題有什麼不同嗎?如果沒有,請不要兩次提問,但請澄清您的原始問題。除此之外,這個當前的問題沒有包含足夠的信息來理解你的問題。 – 2012-02-03 12:20:25

+0

當我嘗試這個它不會更新文本 http://jsfiddle.net/f9mBm/ – 2012-02-03 12:22:32

回答

1

好了,所以如果我理解正確的話,你想從下拉列表中選擇的值,該值設置爲div.show?

在你可以做這樣的事情http://jsfiddle.net/f9mBm/3/

+0

謝謝! 對不起,每個人都很難解釋這一點。 – 2012-02-03 14:14:36