Я пытаюсь изменить значение DIV с JavaScript

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> 

Я хочу, чтобы изменить значение Див на имя пользователя своего друга, если вы нажимаете их имя.

Answer 1

Я хочу изменить значение 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, поэтому желание изменения value недействительного. Если ваш chatbox действительно div, то вы должны перестроить свой код, использовать input, textarea или что-то подобное, что будет иметь value или изменить внутренний текст div.