php网页中循环级联下拉框后出现重复数据如何删除
例如:一种物料有多种样式,不同厚度的芯板,不同厚度的树脂布。
在PHP网页中利用Javascript做级联下拉框。将物料作为一个下拉框(主选),当选择其中一种物料时,如何将其对应的芯板赋于一个下拉框(衍生框1),其对应的树脂布赋于另一个下拉框(衍生框2),.我的代码如下,为何运行时会衍生框会出现重复数据?请教名位大大,这个重复数据如何删除?
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<style type=”text/css”>
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
<body>
<?php
header(“Content-Type: text/html; charset=gb2312”);
$link = mysql_connect(“localhost”, “root”, “12345670”)
or die(“Could not connect : ” . mysql_error());
mysql_select_db(“test”) or die(“Could not select database”);
mysql_query(“set names ‘gb2312′”);
$sqlSel = “select * from material “;
$result = mysql_query($sqlSel) or die(“Query failed : ” . mysql_error());
$forum_data = array();
while( $row = mysql_fetch_array($result) )
{
$forum_data[] = $row;
}
//print_r ($forum_data);
mysql_free_result($result);
$sqlSel2 = “select * from core left join prepreg on core.Material=prepreg.Material”;
if( !($result2 = mysql_query($sqlSel2)) )
{
die(‘Could not query core list’);
}
$forum_data2 = array();
while( $row2 = mysql_fetch_array($result2) )
{
$forum_data2[] = $row2;
}
mysql_free_result($result2);
?>
<script language = “JavaScript”>
var onecount2;
subcat2 = new Array();
<?php
$num2 = count($forum_data2);
?>
onecount2=<?php echo $num2;?>;
<?php
for($j=0;$j<$num2;$j++)
{
?>
subcat2[<?php echo $j;?>] = new Array(“<?php echo $forum_data2[$j][‘Thick’];?>”,<?php echo $forum_data2[$j][‘Material’];?>”,”<?php echo $forum_data2[$j][‘Core’];?>”,”<?php echo $forum_data2[$j][‘Prepreg’];?>”);
<?php }?>
function changelocation(Material)
{
document.myform.city.length = 0;
var Material=Material;
var j;
document.myform.city.options[0] = new Option(‘====’,”);
for (j=0;j < onecount2; j++)
{
if (subcat2[j][1] == Material)
{
document.myform.city.options[document.myform.city.length] = new Option(subcat2[j][2],subcat2[j][0]);
document.myform.p1.options[document.myform.p1.length] = new Option(subcat2[j][3],subcat2[j][0]);
}
}
}
function removeAllOptions(selectbox){
var i;
for(i=selectbox.options.length-1;i>=0;i–) {
selectbox.remove(i);
}
}
</script>
Select Material
<?php
$num = count($forum_data);
for($i=0;$i<$num;$i++)
{
?>
“><?php echo $forum_data[$i][‘Material’];?>
<?php
}
?>
====
====
——解决思路———————-
function removeAllOptions(selectbox){
var i;
for(i=selectbox.options.length-1;i>=0;i–) {
selectbox.remove(i);
}
}
这个方法没有调用,应该选择之后,清一次,然后再把合适的数据加如options
在changelocation方法中加入:
<br />function changelocation(Material) <br />{ <br />document.myform.city.length = 0; <br />var Material=Material; <br />var j; <br />document.myform.city.options[0] = new Option('====',''); <br /><br />removeAllOptions(document.myform.p1); // 加这里<br /><br />for (j=0;j < onecount2; j++) <br />{ <br /> if (subcat2[j][1] == Material) <br /> { <br /> document.myform.city.options[document.myform.city.length] = new Option(subcat2[j][2],s<b style="color:transparent">来&源gao@dai!ma.com搞$代^码%网</b><img>搞gaodaima代码</img>ubcat2[j][0]);<br /> document.myform.p1.options[document.myform.p1.length] = new Option(subcat2[j][3],subcat2[j][0]);<br /> <br /> } <br /> } <br />}<br />