How can PHP be used to remove current content from a container and replace it with selected content upon button click?

To remove current content from a container and replace it with selected content upon button click using PHP, you can utilize JavaScript along with PHP to achieve this dynamic behavior. The PHP script can handle the logic to fetch the selected content and then output it in the container when triggered by a button click event. 

<?php
if(isset($_POST['selected_content'])){
    $selected_content = $_POST['selected_content'];
    // Process the selected content or query database to fetch content
    
    // Output the selected content in the container
    echo '<div id="container">' . $selected_content . '</div>';
}
?>

<script>
function replaceContent(){
    var selectedContent = 'New content to replace current content';
    
    // Send the selected content to PHP script using AJAX
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'your_php_script.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('selected_content=' + selectedContent);
    
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status == 200){
            document.getElementById('container').innerHTML = xhr.responseText;
        }
    };
}
</script>

<button onclick="replaceContent()">Replace Content</button>

Keywords

PHP DOM manipulation button click event replace content container.

Related Questions