清楚select中的所有option项,动态生成新项

最新推荐文章于 2024-11-25 15:38:26 发布

longyumen

最新推荐文章于 2024-11-25 15:38:26 发布

阅读量602

点赞数

CC 4.0 BY-SA版权

文章标签： xmlhttprequest function input null javascript border

本文链接：https://blog.youkuaiyun.com/longyumen/article/details/4707175

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>proadd</title>
<script language="javascript">

function check(obj){
  var sl = document.getElementById("csort");
  if(obj.selectedIndex == "0"){
   while(sl.options.length){
    sl.options[sl.options.length -1] = null;
   }
   document.getElementById("div0").style.display = 'none';
  }
  else{
   document.getElementById("div0").style.display = '';
   var txt = obj.options[obj.selectedIndex].text;
   createxmlHttp(txt);
  }
}
var xmlHttp;
function createxmlHttp(txt){
  if(window.ActiveXObject){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if(window.XMLHttpRequest){
                xmlHttp = new XMLHttpRequest();
            }
  var url = "data.asp?id="+escape(txt);
  xmlHttp.open("GET",url,true);
  xmlHttp.onreadystatechange = readystatechange;
  xmlHttp.send(null);
}
function readystatechange(){
  if(xmlHttp.readystate == 4 && xmlHttp.status == 200){
   var data = xmlHttp.ResponseText;
   style(data);
  }
}
function splitStr(str){
  var arr = new Array
  str = str.substring(0,str.length-1);
  if( str.indexOf("-") > 0 ){
   arr = str.split("-")
  }
  else{
   arr[0] = str;
  }
  return arr;
}
function style(data){
  var sl = document.getElementById("csort");
  if(data != "0"){
   var arrStr = splitStr(data);
   while(sl.options.length){
    sl.options[sl.options.length -1] = null;
   }
   sl.options[0] = new Option("请选择二级分类","请选择二级分类");
   var j = 1;
   for(var i in arrStr){
    sl.options[j] = new Option(arrStr[i],arrStr[i]);
    j++;
   }
  }
  else{
   while(sl.options.length){
    sl.options[sl.options.length -1] = null;
   }
   sl.options[0] = new Option("请选择二级分类","请选择二级分类");
   sl.options[1] = new Option("此一级分类暂无二级分类","此一级分类暂无二级分类");
  }
}
</script>
</head>

<div style="float:left">
<%Set rs = conn.execute("select * from bigtype")
if rs.eof or rs.bof then
response.Write("暂无分类")
else
%>
<select name="bsort" onchange="check(this)">
<option value="0" selected="selected">请选择一级分类</option>
<%do while not rs.eof%>
<option value="<%=rs.fields("id")%>"><%=rs.fields("bigtypename")%></option>
<%
rs.movenext
loop
end if
rs.close
Set rs = Nothing
%>
</select>
</div>

<div style="float:left; display:none" id="div0">
 - 
<select name="csort" id="csort">
<option value="" selected="selected">请选择二级分类</option>
</select>
</div>

</td>
</tr>
<tr>
<td height="30" align="right" bgcolor="#E1F4EE"><strong><font>是否推荐:</font></strong></td>
<td bgcolor="#E1F4EE">
<input type="radio" name="radio" id="radio" value="1" />是
<input type="radio" name="radio" id="radio" value="0" checked="checked"/>否</td>
</tr>
<tr>
<td align="right" bgcolor="#E1F4EE"><strong><font>商品内容:</font></strong></td>
<td align="left" height="30" bgcolor="#E1F4EE">
<input type="hidden" value="" name="procontent"/>
<iframe ID="eWebEditor" src="eWebEditor/ewebeditor.htm?id=procontent&style=popup&savepathfilename=d_savepathfilename" width="98%" height="420" frameborder="0" scrolling="no"></iframe></td>
</tr>
<tr>
<td align="right" bgcolor="#E1F4EE" height="30"><strong><font>商品图片:</font></strong></td>
<td bgcolor="#E1F4EE"><input type="text" value="" name="upimg" size="30" id="upimg"/>
<input type="button" name="Submit11" value="上传图片" onClick="window.open('upfile.asp?formname=cxsort&editname=upimg','','status=no,scrollbars=no,top=20,left=110,width=420,height=165')"> <span class="STYLE1">*</span></td>
</tr>
</table>
<table border="0"><tr><td headers="5"></td></table>
<table border="0" width="90%" align="center" cellpadding="2" cellspacing="1">
<tr align="center"><td colspan="2" bgcolor="#E1F4EE">
<input type="submit" name="Submit" value="添加">
    <input type="reset" name="Submit2" value="重置">
</td><tr>
</table>
</form>
</body>
</html>