如何获得这样的效果？

Question

你用document.write当然会这样了
方法1 ：在页面上对应的单选框，设为隐藏，由列表框的事件控制它们的显示
方法2 ：创建单选框添加到列表框后面去，不要用write

Answer 1

<form>
<select name="sort" id="sort" onchange="sl()">
    <option value="0"> </option>
    <option value="1">电子书籍</option>
    <option value="2">软件</option>
    <option value="3">课件</option>
</select>
<span id="down"></span>
</form>
<script language="javascript">
  function sl()
{
    var sort=document.forms[0].sort.value;
    if(sort==3)
   {
      var strHTML="<input type='radio' name='radiobutton'    value='radiobutton' />";
      strHTML +="<span class='STYLE5'>允许下载</span>";
      strHTML +="<input type='radio' name='radiobutton' value='radiobutton' />";
      strHTML +="<span class='STYLE5'>不允许下载</span>";
    document.all["down"].innerHTML=strHTML;
    //  document.write("<input type='radio' name='radiobutton'    value='radiobutton' />");
    //  document.write("<span class='STYLE5'>允许下载</span>");
    //  document.write("<input type='radio' name='radiobutton' value='radiobutton' />");
   //   document.write("<span class='STYLE5'>不允许下载</span>");
   }
}
</script>

Answer 2

再帮你完善一下吧！！<form>
<select name="sort" id="sort" onchange="sl()">
    <option value="0"> </option>
    <option value="1">电子书籍</option>
    <option value="2">软件</option>
    <option value="3">课件</option>
</select>
<span id="down"></span>
</form>
<script language="javascript">
  function sl()
{
    var sort=document.forms[0].sort.value;
    if(sort==3)
   {
      var strHTML="<input type='radio' name='radiobutton'    value='radiobutton' />";
      strHTML +="<span class='STYLE5'>允许下载</span>";
      strHTML +="<input type='radio' name='radiobutton' value='radiobutton' />";
      strHTML +="<span class='STYLE5'>不允许下载</span>";
    document.all["down"].innerHTML=strHTML;
   }
   else
    {document.all["down"].innerHTML="";}
}
</script>

Answer 3

<select name="sort" id="sort" onchange="sl()">
    <option value="0"> </option>
    <option value="1">电子书籍</option>
    <option value="2">软件</option>
    <option value="3">课件</option>
</select>
<script language="javascript">
  function sl(){
    var str;
    var sort=document.getElementById("sort").value
    if(sort==3){
     str="<input type='radio' name='radiobutton'    value='radiobutton' />";
       str+="<span class='STYLE5'>允许下载</span>";
       str+="<input type='radio' name='radiobutton' value='radiobutton' />";
       str+="<span class='STYLE5'>不允许下载</span>";//17
       var span=document.createElement("<span>");
       span.id="showMsg";
       span.style.display="inline";
       span.innerHTML=str;
      document.body.appendChild(span);
   }else{
try{
     var nSpan=document.getElementById("showMsg");
     document.body.removeChild(nSpan);
}catch(e){}
  }
}
</script>