onchange中的onchange不起作用

Question

当我从数据库中创建2个下拉列表来填充它们时，第二个下拉列表是在从第一个下拉列表中选择一个值时创建的。但是，当我在第二个选项中选择一个选项时，我的ajax就被执行了。但是当我在第二个下拉列表中只有一个值时，它不会工作。即使我手动调用javascript函数。

第二个下拉列表：

<?
include ('../dbconnect.php');
$query = "CALL get_projects(".$userid.",".$q.")";

$result = mysql_query($query);
$countprojects = mysql_num_rows($result);

if ($countprojects != 0){

    echo '<select class="form-control" onchange="showContent(this.value)">'."\n";
    if ($countprojects > 1){
        echo "<option value='none' selected>Select project</option>";
    }
    while($rowprojecten = mysql_fetch_assoc($result)){
        echo '<option value='.$rowprojecten['projectID'].'>'.$rowprojecten['projectname'].'</option>';
        $lastvalue = $rowprojecten['projectID']; // see below why i did this
    }

    echo '</select>';

?>

我编写/复制的javascript函数：

function showContent(str)
{
if (str=="")
  {
  document.getElementById("project").innerHTML="";
  return;
  } 
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("project").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","./includes/ajax/getcontent.php?q="+str,true);
xmlhttp.send();
}

phpfile是从这个javascript中调用的：

<?
$q = intval($_GET['q']);

include ('../dbconnect.php');

$query = "CALL get_project(".$userid.",".$q.")";

$return = '<div id="project">';
$return .= $query;
$return .= '</div>';

echo $return;

mysql_close($con);

?>

为什么当我选择一个div 'project‘时，我看到它改变了，但当它被创建时，它却没有改变？

我尝试手动调用该函数，并将其添加到第一个php文件中。但它也不起作用。

if ($countprojects == 1){ 
  echo '<script type="text/javascript">
        showContent('.$lastvalue.')
        </script>';
}

很抱歉我的英语不好，我希望你能帮我解决这个问题。

Answer 1

这是因为在第二个下拉列表中只有一个选项。如果下拉列表中只有on或零选项，则不能触发更改事件。您可以在选择更改时触发第一个Ajax调用的位置添加以下代码。并将您的第二个Ajax调用放在下面的代码中。

if ($('#selectproject').children().length == 1) {

            // make sure you have imported latest jquery. if not add this inside HTMl head  : <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
            var selectedProject = $('#selectproject').children()[0].value;
            showContent(selectedProject); // i hope this is the function you are calling when executing. if not please replace your function call here.
        }