使用用户输入更新div的javascript
可能重复:使用用户输入更新div的javascript,javascript,html,css,Javascript,Html,Css,可能重复: 我想做的是让这段代码更新原始测试 <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 c
我想做的是让这段代码更新原始测试
<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>
/*正常模式*/
.weight display div.edit{display:none}
/*编辑模式*/
.weight edit div.show{display:none}
编辑这个!
部门
会计市场营销
试验
功能切换(按钮)
{
//更改按钮标题
button.innerHTML=button.innerHTML==“编辑此!”?“保存”:“编辑此!”;
//更改父div的CSS类
var div=button.parentNode;
div.className=div.className=='weight-display'?'weight-edit':'weight-display';
}
原件:
编辑:好的,如果我理解正确,您希望从下拉列表中获取所选值并将该值设置为div.show
在这种情况下,你可以这样做你面临的问题是什么?与你之前的问题有什么不同吗?如果不是,请不要问两次问题,而是澄清你原来的问题。除此之外,这个问题没有包含足够的信息来理解你的问题。当我尝试这个问题时,它不会更新文本Hi Felix,我以前从未问过这个问题。我的要求与我在问题中链接的问题不同,然后你发布了一个可能的副本。它在chrome中似乎运行良好。您使用的是哪种浏览器?非常感谢。对不起,大家解释得这么糟糕。