2012-02-03 85 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