0

更新時に新しい変数を取得し、そのすぐ下の div を動的に更新する選択ドロップダウンがあります。

ここに私の選択入力があります：

<select name='region_name' onchange='showDistrict(this.value)'>

動的なものを制御する私のJavaScriptは次のとおりです。

<script>
function showDistrict(str)
{
if (str=="")
  {
  document.getElementById("district_div").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("district_div").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getdistrict.php?q="+str,true);
xmlhttp.send();
}
</script>

ページ getdistrict.php?q= は別の MySQL 呼び出しを行い、情報を div "district_div" にループアウトします。 私の問題は... その div 領域が IE 7 で正しく拡大されないため、動的データがその下のすべてをオーバーレイします。

firebug でソースを見ると、innerHTML からの新しい html も表示されないため、これが css の問題か、.innerHTML に関係するものかどうかはわかりません

4

1 に答える 1

1

この DIV には何も設定しないwidthかheight、またはのみを設定します。また、この DIVにmin-width min-height設定することもできますoverflow:hidden

于 2013-02-07T15:22:56.703 に答える