PHP выбрать onchange не работает

Question

PHP выбрать onchange не работает

0

Поэтому я создаю <select id="VersionDropdown" onchange="change(this)"></select> внутри php файла, который затем втягивается в другой php-документ через теги include. Проблема, с которой я сталкиваюсь, заключается в том, что onchange никогда не запускается. Я пробовал использовать jQuery.change(), но без успеха.

Я использую jQuery 1.9.1

PHP:

<?php
    // Build the dropdown menu based on files on the server

    $dropdown = '<select id="VersionDropdown" onchange="change(this)">';
    $path = './myPath/';
    $blacklist = array('.', '..', 'SQL Files');

    foreach (new DirectoryIterator($path) as $root) {
        if($root->isDot()) continue;
        $path2 = $path . $root . '/';
        $MajorVersion = $root->getFilename();
        $MajorVersion = str_replace('v', 'Version ', $MajorVersion);
        if(fnmatch('Version 3.1', $MajorVersion)){ $MajorVersion = str_replace('Version', 'Analog Version', $MajorVersion); }
        //$versions[$MajorVersion] = array();
        $dropdown .= '<optgroup label="' .$MajorVersion. '">';

        foreach (new DirectoryIterator($path2) as $folder) {
            if($folder->isDot()) continue;

            $item = $folder->getFilename();
            //$versions[$MajorVersion][$item] = array();

            if ($handle = opendir($path2 . $item)) {
                while (false !== ($file = readdir($handle))) {
                    if (!in_array($file, $blacklist)) {
                        if(fnmatch("*.txt", $file)) {
                            $fileNew = str_replace('.txt', '', $file);
                            $versions[$MajorVersion][$item]['Version'] = $fileNew;
                            $dropdown .= '<option value="' .str_replace('Web', '', $item). '">' .$fileNew. '</option>';
                        }else{
                            $versions[$MajorVersion][$item][str_replace('.exe', '', $file)] = $file;
                        }
                    }
                }
            }
            closedir($handle); 
        }
    }
    $dropdown .= '</optgroup>';
    //print_r($versions);
    $dropdown .= '</select>';

    echo $dropdown;
?>

HTML/PHP

<html>
<title>Test Script</title>
<head>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  <title>Test</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>

 function change(version){
    alert(version);
}

$( document ).ready(function() {

}); 

</script>
</head>
<body>
    <?php include './php/version_dropdown.php'; ?>
</body>
</html>

Версия version_download.php:

<select id="VersionDropdown" onchange="change(this)">
    <optgroup label="Version 5.5">
        <option value="55249">5.5.24.9</option>
        <option value="55225">5.5.22.5</option>
        <option value="55205">5.5.20.5</option>
        <option value="55183">5.5.18.3</option>
        <option value="55163">5.5.16.3</option>
        <option value="55141">5.5.14.1</option>
        <option value="55122">5.5.12.2</option>
        <option value="55106">5.5.10.6</option>
    </optgroup>
    <optgroup label="Version 5.0">
        <option value="50016">5.0.0.16</option>
        <option value="50018">5.0.0.18</option>
        <option value="50022">5.0.0.22</option>
        <option value="50024">5.0.0.24</option>
        <option value="50284">5.0.28.4</option>
        <option value="50304">5.0.30.4</option>
        <option value="50321">5.0.32.1</option>
        <option value="50343">5.0.34.3</option>
        <option value="50403">5.0.40.3</option>
    </optgroup>
    <optgroup label="Version 4.3">
        <option value="43062">4.3.0.62</option>
        <option value="43064">4.3.0.64</option>
        <option value="43066">4.3.0.66</option>
    </optgroup>
    <optgroup label="Version 4.2">
    </optgroup>
    <optgroup label="Analog Version 3.1">
    </optgroup>
</select>

user616 19 фев. 2014, в 21:18

Источник

1

Поскольку php работает на стороне сервера, неясно, что это может сработать, если вы не покажете больше кода. Как вы называете php-код на сервере, когда выбор меняется?
Floris 19 фев. 2014, в 19:44
1

Не могли бы вы опубликовать код HTML/PHP ? Мы не можем угадать ответ ..
Orel Eraki 19 фев. 2014, в 19:44
0

Функция change должна быть определена после элемента select ! Пожалуйста, добавьте весь код.
ops 19 фев. 2014, в 19:48
0

Можете ли вы воспроизвести проблему в JSFiddle ?
kero 19 фев. 2014, в 19:48
0

Я пробовал $ (документ) .ready (function () {}); а также .live () и .bind ()
user616 19 фев. 2014, в 19:56
0

Ваша консоль приходит с ошибками? JS случайно отключен в вашем браузере? Можете ли вы опубликовать фактический HTML-вывод version_dropdown.php ?
MonkeyZeus 19 фев. 2014, в 19:56
0

Я не получаю ошибок в консоли. JS не отключен
user616 19 фев. 2014, в 19:57
0

Ооо, это похоже на работу в FF и IE11, но не хром ...
user616 20 фев. 2014, в 14:25

Показать ещё 6 комментариев

Теги:

php

jquery

5 ответов

Ещё вопросы

Поскольку php работает на стороне сервера, неясно, что это может сработать, если вы не покажете больше кода. Как вы называете php-код на сервере, когда выбор меняется?
Не могли бы вы опубликовать код HTML/PHP ? Мы не можем угадать ответ ..
Функция change должна быть определена после элемента select ! Пожалуйста, добавьте весь код.
Можете ли вы воспроизвести проблему в JSFiddle ?
Я пробовал $ (документ) .ready (function () {}); а также .live () и .bind ()
Ваша консоль приходит с ошибками? JS случайно отключен в вашем браузере? Можете ли вы опубликовать фактический HTML-вывод version_dropdown.php ?
Я не получаю ошибок в консоли. JS не отключен
Ооо, это похоже на работу в FF и IE11, но не хром ...

user616 · Answer 1 · 2014-02-20T18-12-00.000Z

Наконец я понял. По какой-то причине ХРОМЕ не стрелял в событие onchange !. Я перезапустил хром, и он внезапно начал работать. ЛАМЕ.

У меня были случайные проблемы, подобные этому в прошлом, когда кажется, что Chrome внезапно начинает кешировать JS../facepalm

Floris · Answer 2 · 2014-02-19T22-27-00.000Z

Я вставил вывод вашего php-кода в источник html, который вы показали, дав мне что-то, что почти сработало. Все, что я тогда должен был сделать, это написать alert(version.value); вместо alert(version); , и я был в бизнесе. Я не понимаю, почему это не работает для вас - пожалуйста, подтвердите, что это работает для вас или сравнивается с исходным кодом, который вы действительно получаете с сервера:

<html>
<title>Test Script</title>
<head>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  <title>Test</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>

 function change(version){
    alert(version.value);  // <<<<<<<< this line was changed >>>>>>>>>>>
}

$( document ).ready(function() {

}); 

</script>
</head>
<body>
<!-- <<<<<<<<<<<<<< inserted php generated code here as plain text >>>>>>>>>>>> -->
<select id="VersionDropdown" onchange="change(this)">
    <optgroup label="Version 5.5">
        <option value="55249">5.5.24.9</option>
        <option value="55225">5.5.22.5</option>
        <option value="55205">5.5.20.5</option>
        <option value="55183">5.5.18.3</option>
        <option value="55163">5.5.16.3</option>
        <option value="55141">5.5.14.1</option>
        <option value="55122">5.5.12.2</option>
        <option value="55106">5.5.10.6</option>
    </optgroup>
    <optgroup label="Version 5.0">
        <option value="50016">5.0.0.16</option>
        <option value="50018">5.0.0.18</option>
        <option value="50022">5.0.0.22</option>
        <option value="50024">5.0.0.24</option>
        <option value="50284">5.0.28.4</option>
        <option value="50304">5.0.30.4</option>
        <option value="50321">5.0.32.1</option>
        <option value="50343">5.0.34.3</option>
        <option value="50403">5.0.40.3</option>
    </optgroup>
    <optgroup label="Version 4.3">
        <option value="43062">4.3.0.62</option>
        <option value="43064">4.3.0.64</option>
        <option value="43066">4.3.0.66</option>
    </optgroup>
    <optgroup label="Version 4.2">
    </optgroup>
    <optgroup label="Analog Version 3.1">
    </optgroup>
</select>
</body>
</html>

Только одно другое наблюдение (которое я предполагаю, что это опечатка, но, возможно, это источник вашей проблемы). Вы #include version_dropdown.php, но вы вызываете файл, содержимое которого вы показываете version_download.php. Опечатка? Или источник вашей проблемы... Я должен поверить, что это опечатка.

Onimusha · Answer 3 · 2014-02-19T20-29-00.000Z

Вы отправляете объект функции onchange="change(this)"

Изменить функцию:

function change(version){
    alert(version.value);
}

Или измените onchange на

onchange="change(this.value)"

jQuery не требуется для вышеуказанного.

ПРИМЕЧАНИЕ. Должно быть сделано только одно из приведенных выше изменений. Если вы сделаете оба, вы будете ошибками

aerojun · Answer 4 · 2014-02-19T18-29-00.000Z

0

Попробуйте это (Отредактировано):

$("#VersionDropdown>optgroup>option").on('click', function(event) {
    alert($(this).text());
});

Когда вы вставляете элемент, после того, как документ заряжен, вы должны использовать .on() или .live() чтобы заставить его работать.

Дополнительная информация @jQuery

aerojun 19 фев. 2014, в 18:29

0

Это, похоже, не работает либо ..
user616 19 фев. 2014, в 20:08
0

Как насчет $(document).on('change',"#VersionDropdown", function(){... вы пробовали этот метод?
Kai Qing 19 фев. 2014, в 20:20
0

Попробуйте создать выбор в HTML и заполнить параметры php и jQuery.
aerojun 19 фев. 2014, в 20:42
0

Да, я только что попробовал это, и все еще не работает. Arg
user616 19 фев. 2014, в 20:45
0

Только что отредактировал jquery. Попробуй. Когда вы щелкаете опцию внутри optgruoup, она должна предупредить текст опции.
aerojun 19 фев. 2014, в 20:50
0

Все еще ничего не происходит .. Я иду по этому поводу неправильно? Есть ли лучший способ попытаться достичь этого?
user616 19 фев. 2014, в 21:02
0

Если вы используете Firefox, вы можете использовать Firebug, чтобы увидеть, что происходит, когда вы пытаетесь запустить событие. Используйте это и скажите нам, что это говорит, пожалуйста.
aerojun 19 фев. 2014, в 21:05
0

Это в хроме
user616 19 фев. 2014, в 21:06
0

давайте продолжим это обсуждение в чате
aerojun 19 фев. 2014, в 21:06

Показать ещё 7 комментариев

SamotnyPocitac · Answer 5 · 2014-02-19T17-42-00.000Z

0

Вы пробовали что-то вроде этого?

 $("#VersionDropdown").change(function(){
        if($(this).val() == "something") {
              //do something
        }
    });

SamotnyPocitac 19 фев. 2014, в 17:42

0

Я попытался использовать jQuery.change (), но безуспешно. вероятно, решает эту проблему
kero 19 фев. 2014, в 19:51
0

добавьте свой код в jsfidlle или опубликуйте его здесь ...
SamotnyPocitac 19 фев. 2014, в 19:52
0

OP, вероятно, пропустил $(document).ready(function(){});
MonkeyZeus 19 фев. 2014, в 19:53
0

Я пробовал $ (документ) .ready (function () {}); а также .live () и .bind ()
user616 19 фев. 2014, в 19:54
0

Да я вижу правку сейчас
MonkeyZeus 19 фев. 2014, в 19:55

Показать ещё 3 комментария