Вызов функции javascript из выпадающего списка php, загруженного с помощью jquery

Question

Теперь, если заголовок не достаточен для того, чтобы вас оттолкнуть, вы, вероятно, знаете ответ на этот вопрос.

И, прежде всего, спасибо всем, кто предлагал мне помощь в последних двух вопросах, но особая благодарность Базмегакапе за всю его помощь.

Вот последняя проблема (на данный момент):

У меня есть выпадающий список, написанный на PHP, который заполняет себя из базы данных MySQL. Раскрывающийся список помещается на мою страницу HTML / Javasccript с помощью jQuery.load Теперь мне нужно, чтобы когда кто-то выбирал один из вариантов из раскрывающегося списка, он вызывал функцию javascript, передавая значение выбранного элемента из раскрывающегося списка.

Не могу понять, как это сделать - и это, вероятно, очень просто (но я тоже)

Спасибо всем!

Роб.

Answer 1

Быстрый рабочий пример того, как что-то сделать в окне выбора со значением

<select id="dropdown">
   <option value="1">foo</option>
   <option value="2">bar</option>
   <option value="3">bla</option>
   <option value="4">test</option>
</select>

<script>

    function start(value) {
       //do something with the value
    }

   $('#dropdown').change(function() {

    //do something with this value like calling a function etc.

  //$(this).val() returns the value of the selected element
     start($(this).val());
    });

</script>

Answer 2

select вставляется через .load(), поэтому вы должны определить обратный вызов для запуска, когда операция .load() завершена и успешна.Вы можете сделать это следующим образом ( jQuery load () doc ):

$('#i_want_my_select_here').load('/temp/select.php', function () { //callback
  $('select', this).change(function () { //catch onchange event of select
    //call your function here, pass the selected value
    start($(this).val());
  });
});

Answer 3

Все, что вам нужно в Javascript (не в частности, в jQuery), это событие onclick для выпадающего меню, где вы вызываете функцию с this.value в качестве параметра.