Question

<div id='right_side'>
<div id='T' title='<?php echo $u; ?> Friends'>
    <div id="f">
        <h6>
            <?php echo $u; ?> Friends
        </h6>
    </div>
</div>
<div id='users' onclick="chat();">
    <?php echo $friend; ?>

</div>

的Javascript

<script> 
function chat()
{ 
    var chatbox = document.getElementById("chatbox"); 
    var chatbox = document.getElementById("chatbox").value= "<?php echo $friend_username; ?>"; 
    if(chatbox.style.display == "none"){ 
        chatbox.style.display = "block"; 
        $('#chatbox').attr("chatbox","<?php echo $friend_username; ?>"); 
    } else { 
        chatbox.style.display = "none"; chatbox.attr.value = "none"; 
    }
} 
</script>

如果您点击其名称，我想将div值更改为朋友的用户名。

Answer 1

如果您点击其名称，我想将div值更改为朋友的用户名。

使用按钮（不是div）来监控印刷机，并在数据属性中包含其用户名：

<button type="button" data-user="Bob" class="add-user">Bob</button>

然后你的jQuery看起来像这样：

$(document).on('click', '.add-user', function(){
  // Get the username from the data attribute
  var usr = $(this).data('user');
  // Update the div's HTML
  $('#chatbox').html(usr);
});

Answer 2

div没有value，因此更改div的value的愿望无效。如果您的chatbox确实是div，那么您应该重新构建代码，使用input，textarea或其类似value的代码或者更改div。

的内部文本

我正在尝试使用javascript更改div的值

2 个答案: