js动态创建下拉菜单得到的不是我想要的

向大牛学习人工智能 2009-05-04 05:10:04
<html>
<head><title>动态下拉菜单</title>

<style>
select.smallSel{
background-color:white;
color:#000080;
font-size:9pt}
</style>

<script language="javascript">

var info=new Array("杂文*弥天大谎的背后|院士相当于副省级？|为教育打几个机灵|预算黑洞一例|
官不贵，民不贱|生了麻烦|轿车不如轿子说|这回确是个别|血和泪构成的笑话|给张艺谋松绑吧",
"做并享受着*与白岩松笑谈|比谁写的后");
var infoA=new Array("环球风采*法国建成绿色学校|俄罗斯第一夫人温情谈恋史|法国人才外流有原因|
德国电脑人才可破例|德国慕尼黑啤酒节",
"人物春秋*我所知道的胡乔木|自信些，迎接全球化|红与黑");

var mywork=new Array("",info,infoA);
function stringSplit(string,delimiter){
if(string==null || string==""){
return null;
}else if(string.split!=null){
return string.split(delimiter);
}else{
var ar=new Array();
var i=0;
var start=0;
while(start>=0 && start<string.length){
var end=string.indexOf(delimiter,start);
if(end>=0){
ar[i++]=string.substring(start,end);
start=end+1;
}else{
ar[i++]=string.substring(start,string.length);
start=-1;
}
}
return ar;
}
}
var menu1=new Array();
var menu2=new Array();

function createMenus(wh){
var infoname=new Array();
infoname=mywork[wh];
for(var i=0;i<infoname.length;i++){
menu1[i]=stringSplit(infoname[i],'*');
menu2[i]=stringSplit(menu1[i][1],'|');
}
var author=document.myForm.main;
var book=document.myForm.title;
author.length=infoname.length;
book.length=menu2[0].length;
for(var i=0;i<infoname.length;i++){
author.options[i].value=menu1[i][0];
author.options[i].text=menu1[i][0];
}
document.myForm.main.selected=0;
for(var x=0;x<menu2[0].length;x++){
book.options[x].text=menu2[0][x];
book.options[x].value=menu2[0][x];
}
document.myForm.title.selected=0;
}

function updateMenus(what){
var sel=what.selectedIndex;
if(sel>=0 && sel<menu1.length)
var temp=menu2[sel];
else
var temp=new Array();
what.form.title.length=temp.length;
for(var i=0;i < temp.length;i++){
what.form.title.options[i].text=temp[i];
what.form.title.options[i].value=temp[i];
}
what.form.title.selected=0;
}
</script></head>
<body background="" bgcolor="#ffffff" text="#400040" link="#ff0080" vlink="#ff8080" alink="#ff0000">
<center><h1>动态下拉菜单</h1></center>
<form action="test2.jsp" name="myForm" method="post"><p>
分类： 
<select name="my" size="1" onchange="createMenus(document.myForm.my.selectedIndex)" class="smallsel">

<option value="info">杂文报</option>
<option selected>书刊报</option>
</select>
<p>
作者： 
<select name="main" size="1" onchange="updateMenus(this)" class="smallsel">
<option>           
       </option>
<option></option>
<option></option>
</select>
<p>
标题: 
<select name="title" size="1" class="smallsel">
<option>            
      </option>
<option></option>
<option></option>
</select>
<input type="button" value="submit" onclick="parent.location.href='http://www.
heheidaily.com.cn'">
</form>
</body>
</html>
...全文
151 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
向大牛学习人工智能 2009-05-04
  • 打赏
  • 举报
 回复 


<html>

<head><title>动态下拉菜单</title>



<style>

select.smallSel{

background-color:white;

color:#000080;

font-size:9pt}

</style>



<script language="javascript">



var info=new Array("杂文*弥天大谎的背后|院士相当于副省级？|为教育打几个机灵|预算黑洞一例|

   官不贵，民不贱|生了麻烦|轿车不如轿子说|这回确是个别|血和泪构成的笑话|给张艺谋松绑吧",

   "做并享受着*与白岩松笑谈|比谁写的后");

var infoA=new Array("环球风采*法国建成绿色学校|俄罗斯第一夫人温情谈恋史|法国人才外流有原因|

   德国电脑人才可破例|德国慕尼黑啤酒节",

   "人物春秋*我所知道的胡乔木|自信些，迎接全球化|红与黑");



var mywork=new Array("",info,infoA);

function stringSplit(string,delimiter){

   if(string==null || string==""){

     return null;

      }else if(string.split!=null){

       return string.split(delimiter);

         }else{

           var ar=new Array();

           var i=0;

           var start=0;

         while(start>=0 && start<string.length){

         var end=string.indexOf(delimiter,start);

         if(end>=0){

         ar[i++]=string.substring(start,end);

         start=end+1;

          }else{

            ar[i++]=string.substring(start,string.length);

             start=-1;

              }

      }

        return ar;

   }

}

var menu1=new Array();

var menu2=new Array();



function createMenus(wh){

      var infoname=new Array();

      infoname=mywork[wh];

      for(var i=0;i<infoname.length;i++){

      menu1[i]=stringSplit(infoname[i],'*');

      menu2[i]=stringSplit(menu1[i][1],'|');

    }

     var author=document.myForm.main;

     var book=document.myForm.title;

     author.length=infoname.length;

     book.length=menu2[0].length;

     for(var i=0;i<infoname.length;i++){

     author.options[i].value=menu1[i][0];

     author.options[i].text=menu1[i][0];

    }

    document.myForm.main.selected=0;

    for(var x=0;x<menu2[0].length;x++){

    book.options[x].text=menu2[0][x];

    book.options[x].value=menu2[0][x];

    }

   document.myForm.title.selected=0;

 }



function updateMenus(what){

   var sel=what.selectedIndex;

   if(sel>=0 && sel<menu1.length)

   var temp=menu2[sel];

   else

   var temp=new Array();

   what.form.title.length=temp.length;

   for(var i=0;i < temp.length;i++){

   what.form.title.options[i].text=temp[i];

   what.form.title.options[i].value=temp[i];

   }

   what.form.title.selected=0;

 }

 </script></head>

<body background="" bgcolor="#ffffff" text="#400040" link="#ff0080" vlink="#ff8080" alink="#ff0000">

<center><h1>动态下拉菜单</h1></center>

<form action="test2.jsp" name="myForm" method="post"><p>

分类： 

<select name="my" size="1" onchange="createMenus(document.myForm.my.selectedIndex)" class="smallsel">



<option value="info">杂文报</option>

<option  selected>书刊报</option>

</select>

<p>

作者： 

<select name="main" size="1" onchange="updateMenus(this)" class="smallsel">

<option>           

       </option>

<option></option>

<option></option>

</select>

<p>

标题: 

<select name="title" size="1" class="smallsel">

<option>            

      </option>

<option></option>

<option></option>

</select>

<input type="button" value="submit" onclick="parent.location.href='http://www.

heheidaily.com.cn'">

</form>

</body>

</html>
jq导航菜单（下拉菜单）
整理了一个js导航，最近正在做这个，其实看起来很简单，但是做起来还是要动下脑筋的，有用的去下载，也是找的别人的
json数据创建多级下拉菜单.zip
json数据创建多级下拉菜单是一款基于jQuery使用json数据格式动态创建多级下拉收缩菜单导航代码。
三级下拉菜单联动实战案例
介绍了JS实现中国地区三级联动下拉菜单功能，结合完整实例分析了javascript基于事件响应实现页面元素动态变换的相关操作技巧，需要的朋友可以参考下 方法01：纯前端（展现+数据）方法02：前端（展现）+后端（数据） ...
JS实现的Select三级下拉菜单代码
主要介绍了JS实现的Select三级下拉菜单,涉及javascript动态创建下拉列表的技巧,非常具有实用价值,需要的朋友可以参考下
Google Suggest ;-) 基于js的动态下拉菜单
基本的原理是在当前窗口创建了一个iframe，然后将相关关键词的提示列表在iframe中，并通过列表点选将选定项放到搜索框中。能这么快的能将所有相关关键词的检索数列出，看来所有的提示词已经提前进行了预搜索和数量...
JavaScript

87,921

社区成员

224,619

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章