Question

可能重复：
Javascript change div content upon a click

我要做的是让此代码更新原始测试

<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/

Answer 1

好的，如果我理解正确，你想从下拉列表中获取所选值并将该值设置为div.show？

在这种情况下，您可以执行类似http://jsfiddle.net/f9mBm/3/

的操作

用户输入更新div的javascript

1 个答案: