PHP选择onchange无法正常工作

时间:2014-02-19 19:43:18

标签: php jquery

所以我在php文件中创建<select id="VersionDropdown" onchange="change(this)"></select>,然后通过include标签将其拖入另一个php文档。我遇到的问题是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>

5 个答案:

答案 0 :(得分:0)

你尝试过这样的事吗?

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

答案 1 :(得分:0)

试试这个(编辑):

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

插入元素后,在文档收费后,您必须使用.on().live()功能才能使其正常工作。

More information @ jQuery

答案 2 :(得分:0)

您正在向函数onchange="change(this)"

发送一个对象

将功能更改为:

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

将onchange更改为

onchange="change(this.value)"

上面不需要jQuery。

注意仅应执行上述更改的一次。如果你两个都错了

答案 3 :(得分:0)

我将你的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,但是您调用的文件正在显示{{1}}。错字?或者问题的根源......我不得不相信这是一个错字。

答案 4 :(得分:0)

我终于明白了。无论出于何种原因,CHROME都没有解雇onchange事件!我重新启动了chrome,它突然开始工作了。瘸。

我过去曾经有类似的随机问题,Chrome似乎突然开始缓存JS .. / facepalm