select要素を置き換えようとしています。ただし、select を ID "Base" に置き換える代わりに、その select 内に同じ ID を持つ新しい select が生成されます。私のコードの関連部分は以下の通りです。重複選択を生成しているのはどの部分だと思いますか? この問題は、検索するとこのサイトで見ることができます。http://bahcalculator.org/nano/
<select class="base" id="Base" onChange="codeAddress2();">
<option>Select State First...</option>
</select>
function getbases2(){
var S=$('#search').val();
$.post("getbases2.php", {S:S},
function(data) {
$('#Base').html(data);
});
}
//getbases2.php
$S=$_POST['S'];
$re=mysql_query(" SELECT * FROM state_bases WHERE Base='$S' ");
$ro=mysql_fetch_assoc($re);
extract($ro);
echo "
<select class='base' id='Base' onchange='codeAddress2();'>
<option>Select base</option>
";
$re=mysql_query(" SELECT Base FROM state_bases WHERE State='$State' ORDER BY Base ASC");
while ($ro=mysql_fetch_assoc($re)){
extract($ro);
if ($Base!=""){
echo "
<option
";
if ($Base=="$S"){ echo " selected='selected' ";}
echo "
>$Base</option>
";
}
}
echo "
</select>
<script type='text/javascript'>
$('#State').val('$State');
codeAddress2();
</script>
";