window.XMLHttpRequest与脚本.change结合使用

时间:2012-08-23 18:10:15

标签: javascript jquery xmlhttprequest

我在组合两个脚本时遇到问题。 Fisrt脚本工作正常并从mysql中获取stuf:

<script type="text/javascript">
 function showUser(str)
        {
        if (str=="")
          {
          document.getElementById("txtHint").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("txtHint").innerHTML=xmlhttp.responseText;
            }
          }
        xmlhttp.open('GET','includes/test-search.php?q='+str,true);
        xmlhttp.send();
        }
    </script>

第二个工作正常,它是在更改后插入数据的简单脚本:

<script type="text/javascript">
    $("document").ready(function(){
        $("#selection").change(function () {
        $("#someDivName").html( $("#selection option:selected").val() );
    });
    });
    </script>

现在的重点是将它们结合起来。

看起来,当我加载网站时,它没有id选择和第二个脚本停止但是从php和mysql文件test-search.php获取数据后,缺少的id选择在网站上,但第一个脚本不是检查id选择apear并且不起作用。

php代码:

<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'root', '');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }
mysql_select_db("table", $con);
$sql="SELECT * FROM prod_models WHERE prod_main_group_id = '".$q."'";
$result = mysql_query($sql);
echo '
<select id="selection" name="prod_main_group_id" onchange="change_val()">
<option value="">Wybierz produkt</option>
';
while($row = mysql_fetch_array($result))
  {
  echo '<option value="'.$row['id'].'">';
  echo $row['product_name'] . "</option>";
  }
echo "</select>
";
mysql_close($con);
?>

显示已更改脚本的代码:

<input type="text" id="someDivName" value="" />

如果任何人可以帮助解决问题,那将是非常好的。 我现在正在等待,并试图为自己解决这个问题,但现在我没有其他想法。

0 个答案:

没有答案