0

在我的页面内，我有一个带有 datalist 属性的输入（“模型”）和一个选择菜单（“品牌”）。当用户从模型中选择数据列表的选项之一时，它将从品牌选择菜单中动态更改选项值。模型和品牌的两个选项值都是从数据库中调用的。到目前为止，这是我编写的代码；

<input type="text" name="type" id="type" list="datalist1" onchange="fw();"/>

    <datalist id="datalist1">

         <?php 

      $query9 = "SELECT DISTINCT model FROM server ORDER BY model ASC";
      $result9 = mysql_query($query9);

      while($row9 = mysql_fetch_assoc($result9)) 
      {

      echo '<option value="'.$row9['model'].'">';

     }              ?>

    </datalist>

 <select name="brand" id="test2"><option value="">-- Select Brand--</option></select>

脚本;

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function fw()
{
var selname = $("#type").val();  
$.ajax({ url: "getBrand.php",

    data: {"brand":brand},

    type: 'post',

    success: function(output) {      

     document.getElementById('test2').options.length = 0;

     document.getElementById('test2').options[0]=new Option(output,output);
        // document.getElementById('test2').options[1]=new Option(output,output);       
    }

 });
}

</script>

获取品牌.php

<?php
define('DB_HOST1', 'localhost');
define('DB_NAME1', 'standby');
define('DB_USER1', 'root');
define('DB_PASS1', '');
$link = mysql_connect(DB_HOST1, DB_USER1, DB_PASS1);
if(!$link)
{
    exit('Cannot connect to server "' . DB_HOST1 . '"');
}

mysql_select_db(DB_NAME1, $link) or die('Cannot use database "' . DB_NAME1 . '"');


if (isset($_POST['brand'])) {   
$selname = $_POST['brand'];

$query = "SELECT * FROM server WHERE model='$brand'";
$res = mysql_query($query);
$aBrand= array();
while($rows = mysql_fetch_assoc($res)) {

$brand= $rows['brand'];

$aBrand[] = $brand; 

echo $aBrand[0];
echo $aBrand[1];
}

}    ?>

根据我的编码，我已经成功地动态更改了选择菜单，但存在一个问题。当从 getBrand.php 调用多个数据时，选择菜单中的“输出”会将所有数据合并为一行。例如，如果数据为“M3000”和“M4000”，则显示为“M3000M4000”。现在，我如何拆分它并使其成为正常的选择选项？

我还在学习 Javascript，希望这里的任何人都可以指导我。

注意：由于 datalist 属性，该代码仅适用于 Firefox

4

2 回答 2

1

在从 php 返回的字符串中添加一个特殊字符

PHP

 elementcount=0;
  while($row9 = mysql_fetch_assoc($result9)) 
  {
   if(elementcount>0)
   echo '$<option value="'.$row9['model'].'">';//place a $ sign in start or you can for any special character
   else
   echo '<option value="'.$row9['model'].'">';

 }

现在在 javascript

success: function(output) {      
     output = output.split("$");
     document.getElementById('test2').options.length = 0;
     //here now loop through the elements and add
     for(var i=0,i<output.length-1)
     document.getElementById('test2').options[0]=new Option(output[i],output[i]);
        // document.getElementById('test2').options[1]=new Option(output,output);       
    }
于 2012-06-12T07:50:04.633 回答
1

从 getBrand.php 发送您的数据为

回声内爆（“；”，$aBrand）；

这将生成一个字符串，如 M3000;M4000;M5000;M6000

并在您的 java 脚本代码中使用此代码将字符串分解为数组。

StrArr = Str.split (";");

这里'Str'是getBrand.php给出的输出，'StrArr'是包含你的品牌的数组。

于 2012-06-12T07:51:03.623 回答