如何把Text里的内容通过发送按钮显示到上面的消息栏里

图片说明

信息框
        <div class="panel-body"style="height:auto">
         Panel content
          </div>
       </div>







       <div style="clear:left;height:70px">
         <button type="button" class="btn btn-success" style="float:left">发送消息</button>
         <button type="button" class="btn btn-danger" style="float:right">清空消息</button>
       </div>



  </div>
   <div style="float:right;width:30%;height:500px">   <!-- 这个是显示在线人数的界面(右上)-->


   </div>
   <div  style="width:auto; height:100px;clear:left" >   <!-- 这是输入框(位于底部)-->
   <div class="well well-lg"style="weight:75%;height:auto"><input type="Textbox" value="Text"style="height:auto;width:90%"></div>

   </div>


</div>

2个回答


<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<div class="panel-body" style="height:auto" id="body">
    Panel content
</div>
       </div>







<div style="clear:left;height:70px">
    <button type="button" class="btn btn-success" style="float:left" onclick="document.getElementById('body').innerHTML+='<br>'+document.getElementById('txt').value">发送消息</button>
    <button type="button" class="btn btn-danger" style="float:right" onclick="document.getElementById('txt').value=''">清空消息</button>
</div>



  </div>
<div style="float:right;width:30%;height:500px">
    <!-- 这个是显示在线人数的界面(右上)-->


</div>
<div style="width:auto; height:100px;clear:left">
    <!-- 这是输入框(位于底部)-->
    <div class="well well-lg" style="weight:75%;height:auto"><input type="text" value="Text" id="txt" style="height:auto;width:90%"></div>

</div>


</div>

给panel-body设置一个ID,然后用document.getElementById(<给定ID>).innerHTML="<消息内容>",为div设置里面的html。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问