0

编辑:第一个条目底部的解决方案。

我现在已经搜索了一两天了,并且没有任何运气来让我的动态下拉菜单正常工作。

我有一个表格。第一个下拉列表是客户字段。我想要的是在下拉列表中选择客户时,在第二个下拉列表中选择与该客户关联的条款。无论选择什么客户,第二个下拉菜单始终具有相同的选项,这取决于为该特定客户“选择”了哪些选项。

这是它的样子。

Dropdown1 (customer)
---------
Acme Corp
Contoso Inc
Smithville

Dropdown2 (terms)
---------
NET15
NET30
NET45

我希望 dropdown2 更改为 mysql 数据库中与该客户关联的条款。

我不知道是否应该将下拉选项保留在表单本身中并使用 javascript 调用 php 文件以找出为该客户选择的选项 - 或者 - 我是否应该简单地从表单中删除整个选项选择和有 javascript 调用,就像我在下面的工作中展示的那样。

这是我的两个下拉列表的形式,第二个来自带有 div 的 javascript。

<td><select name="company" onchange="getTerms('terms');">
<option value="" selected></option>
<?php while($row = mysql_fetch_array($result)) {
  echo "<option value=\"".$row['company']."\">".$row['company']." (".$row['first']." ".$row['last'].")</option>"; } ?></select></td>

<td><div id="terms"></div></td>

这是我应该从 javascript 调用的 php 文件。这样做是为客户获取选项并选择已选择的选项。如果我使用 ?id=acme corp 直接在浏览器中运行它,它工作正常,所以我知道 php 正在工作。

<?php
include $_SERVER['DOCUMENT_ROOT']."/connect.php";


$result3 = mysql_query("SELECT * from netterms ORDER BY days ASC") or die(mysql_error());

$result = mysql_query("SELECT terms FROM customer WHERE company = '$_GET[id]'") or die(mysql_error());
$row = mysql_fetch_array($result);

echo "<option value=\"\" selected></option>";
while($row3 = mysql_fetch_array($result3)) {
  echo "<option value=\"".$row3['days']."\""; echo($row['terms'] == $row3['days']?' selected="selected"':null)?>><?php echo $row3['name']."</option>";

}
?>

最后,这是我对 javascript/jquery 的尝试。

<script type="text/javascript">
 function getTerms(div){
    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
      var newdiv = document.createElement('div');
      newdiv.innerHTML = "<select name='terms'>" + xmlhttp.responseText + "</select>";
     }
      document.getElementById(div).appendChild(newdiv);
   }

 xmlhttp.open("GET", "customertermsdropdownquery.php?id=", false);
 xmlhttp.send();
 }
 </script>

我看到的是,每次更改 dropdown1 时,屏幕上都会出现一个新的(附加)dropdown2。我不希望在整个页面上出现多个下拉菜单,只想刷新下拉菜单中的选项。另外,我不知道如何将 ?id= 从 xmlhttp.open 传递给我的 php 文件,如果你能帮助我,那就太好了!谢谢。

解决了:

经过几天的尝试,我在另一个网站上偶然发现了一个解决方案。这是代码。这里重要的是谨慎使用 div 标签和 table 标签。它是这样的,这在此作者的代码中未在下面显示。

对我来说,td 标签必须在此处而不是在 php.ini 中。但是,我的选择标签在 php.ini 中。我真的希望这对搜索的人有价值。

<html>
<head>
<script>
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","getuser.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
</form>
<br>
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html> 
4

1 回答 1

0

每次第一次选择更改时,您可能应该使用 Ajax 加载 php 脚本。

改编自每次更改选择框时使用 ajax 发送 http 请求

我尝试调整您的问题的答案,但我无法真正测试它:

$("#company").live('change',function() 
{
    var selectVal = $('#company :selected').val();


    var $terms = $('#terms').html('');

    $.ajax({                                      
      url: 'customertermsdropdownquery.php',                         
      data: "id="+selectVal,                                                     
      dataType: 'GET',                
      success: function(data)         
      {

              $terms.append(data);

      } 
    });

});
于 2013-04-12T20:14:56.283 回答