я есть главная страница, назовите ее Main.php. На этой странице есть кнопка, которая при нажатии устанавливает divHTML div (уже в Main.php, называемом divResults) с результатами из Results.php.

При вызове Results.php возвращенный HTML-код «Вот и есть результаты» правильно принимается и устанавливается как содержимое для divResults на Main.php. Тем не менее, любой JavaScript из Results.php не выполняется. В качестве примера я пытаюсь сделать простой window.alert. Вот пример кода:

Кнопка ссылки Main.php, чтобы начать действие:

<img src="$MyImageSource" onclick=\"ExpandDropdownDiv()\" />

Функция JavaScript Main.php ExpandDropdownDiv ():

function ExpandDropdownDiv(){

    if (window.XMLHttpRequest)/* code for IE7+, Firefox, Chrome, Opera, Safari */
    {
        xmlhttp=new XMLHttpRequest();
    }
    else
    {/* code for IE6, IE5 */
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4)/* && xmlhttp.status==200) */
        {
            document.getElementById("divResults").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","Results.php",true);
    xmlhttp.send();

}

Пример кода Results.php:

<script type="text/javascript">
    alert("Success");
</script>
These Are The Results

------------------ Редактировать - Обновить ------------------

Простое предупреждение из Results.php является лишь примером. Если бы я смог заставить это работать, я думаю, что смог бы решить остальную часть моей проблемы самостоятельно. Тем не менее, я заметил несколько комментариев, предлагающих просто поместить предупреждение в javascript Main.php после того, как я установил div divHTML. Итак, позвольте мне объяснить, что я действительно хочу делать с javascript, после установки div.

Изображение 1, показывает некоторые обычные html-элементы «Select», которые были преобразованы с использованием jquery и расширения выпадающего списка проверки (.js). Когда пользователь нажимает красочную стрелку внизу, div расширяется,(изображение 2) и еще два элемента «Select» генерируются в этом другом файле .php ... HTML возвращается и помещается в div. Таким образом, мне не нужно перезагружать всю страницу, и я могу разместить новые выпадающие списки прямо под существующими.

Проблема в том, что для «преобразования» этих обычных элементов select существует некоторый javascript, который необходимо выполнить для этого HTML:

$(document).ready(function() {
     $(".MultiSelect").dropdownchecklist(  {firstItemChecksAll: true, maxDropHeight: 300 , searchTextbox: true, width: 100, textFormatFunction: function(options) {
        var selectedOptions = options.filter(":selected");
        var countOfSelected = selectedOptions.size();
        var size = options.size();
        switch(countOfSelected) {
        case 0: return "All";
        case 1: return selectedOptions.text();
/*      case size: return "All"; */
        default: return countOfSelected + " selected";
        }
    } 
    }
    ); 
}

Итак, каким-то образом мне нужно иметь возможность выполнять JavaScript с HTML, который генерируется из этого другого файла .php. И простой вызов приведенного выше кода, после того, как мой divs innerHTML заполнен, только заново генерирует уже существующие выпадающие списки, а не два новых.

Примеры изображений