一大清早的问个问题，js创建option的问题

net205 2008-12-02 01:50:28
代码：



<!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>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="Net205,冷风工作室" />

  <meta name="keywords" content="Net205,冷风工作室" />

  <meta name="description" content="" />

 </head>



<body>

<script language="javascript">

var arrClass = [];

arrClass[arrClass.length] = {QuesID:1,ClassName:"生活/时尚",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:2,ClassName:"旅游/交通",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:3,ClassName:"休闲/娱乐",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:4,ClassName:"美食/烹调",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:5,ClassName:"家电/电子/网络",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:6,ClassName:"医疗/保健",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:7,ClassName:"运动/健身",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:8,ClassName:"购车/养车",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:9,ClassName:"教育/培训",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:10,ClassName:"其它",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:11,ClassName:"家政",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:15,ClassName:"服饰",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:16,ClassName:"化妆品",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:17,ClassName:"宠物",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:18,ClassName:"婚庆",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:26,ClassName:"理财",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:27,ClassName:"旅游常识",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:28,ClassName:"旅行社",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:33,ClassName:"火车",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:34,ClassName:"航空",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:35,ClassName:"问路",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:36,ClassName:"星座生肖",BigID:3,QuesNum:0}

arrClass[arrClass.length] = {QuesID:37,ClassName:"动漫",BigID:3,QuesNum:0}

arrClass[arrClass.length] = {QuesID:38,ClassName:"影音",BigID:3,QuesNum:0}





function ListClass(iBig, iSmall){

	var objBigClass = document.getElementById("BigClassName");

	var objSmallClass = document.getElementById("SmallClassName");

	if(!objBigClass || !objSmallClass) return;



	if(isNaN(iBig)) iBig = 0;

	if(isNaN(iSmall)) iSmall = 0;

	objBigClass.length = 0;



	objBigClass.options[objBigClass.options.length] = new Option("所有", 0);

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

		if(arrClass[i].BigID==0){

			objBigClass.options[objBigClass.options.length] = new Option(arrClass[i].ClassName, arrClass[i].QuesID, (iBig==arrClass[i].QuesID ? true : false), (iBig==arrClass[i].QuesID ? true : false));

		}

	}

	// TODO...

}



function BigClassChang(index){

	var objBigClass = document.getElementById("BigClassName");

	var objSmallClass = document.getElementById("SmallClassName");

	if(!objBigClass || !objSmallClass) return;



	if(index && index>0){

		objSmallClass.length = 0;

		objSmallClass.options[objSmallClass.options.length] = new Option("所有", 0);



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

			if(arrClass[i].BigID == index){

				objSmallClass.options[objSmallClass.options.length] = new Option(arrClass[i].ClassName, arrClass[i].QuesID);

			}

		}

	}

}

</script>

<select id="BigClassName" name="BigClassName" onChange="javascript:BigClassChang(this.options[this.selectedIndex].value)">

<option value="0">所有</option>

</select>

<select id="SmallClassName" name="SmallClassName">

<option value="0">所有</option>

</select>

<script>ListClass(2,8);</script>

<button onclick="javascript:var obj = document.getElementById('BigClassName');alert(obj.innerHTML)">click</button>

</body>

</html>


像上面的代码，调用了函数ListClass(2,8);，我就是想让大类的select定位到QuesID为2的那一项，可实际总是定位到正确项的前一项，为什么new Option(arrClass[i].ClassName, arrClass[i].QuesID, (iBig==arrClass[i].QuesID ? true : false), (iBig==arrClass[i].QuesID ? true : false));不起作用？？？？


tks
大清早的发个帖不容易呀
...全文
1485 28 打赏 收藏 转发到动态 举报
写回复
用AI写文章
28 条回复
切换为时间正序
请发表友善的回复…
发表回复
zou_wei_forever 2008-12-02
  • 打赏
  • 举报
 回复
帮顶兼mark
chunyou128 2008-12-02
  • 打赏
  • 举报
 回复
ding
cloudgamer 2008-12-02
  • 打赏
  • 举报
 回复
可以参考一下
s_liangchao1s 2008-12-02
  • 打赏
  • 举报
 回复
[Quote=引用 15 楼 cgisir 的回复:]
果然是IE6BUG, 感觉是处理速度滞后?
[/Quote]

Ie6在DOM渲染的时候 不能更改属性的原因吧
cgisir 2008-12-02
  • 打赏
  • 举报
 回复
果然是IE6BUG, 感觉是处理速度滞后?
lengssmm 2008-12-02
  • 打赏
  • 举报
 回复
觉得用延迟来解决吧。
s_liangchao1s 2008-12-02
  • 打赏
  • 举报
 回复
这是大家写年月日联动时在ie6会经常忽略的问题
不悲不喜 2008-12-02
  • 打赏
  • 举报
 回复
刚刚查了一下，确实是IE6的问题。
你只能在创建完select之后再设定选中项了。

这里有一篇讨论这个问题文章,
参考一下。

http://funcode.org/article/csharp/html-dom-optionselected-problem-with-ie.aspx
s_liangchao1s 2008-12-02
  • 打赏
  • 举报
 回复
ie6的渲染问题 可以有几种解决方法 也可以用setTimeout(function(){},0)在option加载时延迟下
jiang_jiajia10 2008-12-02
  • 打赏
  • 举报
 回复
我这没发现什么问题啊
s_liangchao1s 2008-12-02
  • 打赏
  • 举报
 回复 




<!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>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="Net205,冷风工作室" />

  <meta name="keywords" content="Net205,冷风工作室" />

  <meta name="description" content="" />

 </head>



<body>

<script language="javascript">

var arrClass = [];

arrClass[arrClass.length] = {QuesID:1,ClassName:"生活/时尚",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:2,ClassName:"旅游/交通",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:3,ClassName:"休闲/娱乐",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:4,ClassName:"美食/烹调",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:5,ClassName:"家电/电子/网络",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:6,ClassName:"医疗/保健",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:7,ClassName:"运动/健身",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:8,ClassName:"购车/养车",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:9,ClassName:"教育/培训",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:10,ClassName:"其它",BigID:0,QuesNum:0}

arrClass[arrClass.length] = {QuesID:11,ClassName:"家政",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:15,ClassName:"服饰",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:16,ClassName:"化妆品",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:17,ClassName:"宠物",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:18,ClassName:"婚庆",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:26,ClassName:"理财",BigID:1,QuesNum:0}

arrClass[arrClass.length] = {QuesID:27,ClassName:"旅游常识",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:28,ClassName:"旅行社",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:33,ClassName:"火车",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:34,ClassName:"航空",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:35,ClassName:"问路",BigID:2,QuesNum:0}

arrClass[arrClass.length] = {QuesID:36,ClassName:"星座生肖",BigID:3,QuesNum:0}

arrClass[arrClass.length] = {QuesID:37,ClassName:"动漫",BigID:3,QuesNum:0}

arrClass[arrClass.length] = {QuesID:38,ClassName:"影音",BigID:3,QuesNum:0}





function ListClass(iBig, iSmall){

    var objBigClass = document.getElementById("BigClassName");

    var objSmallClass = document.getElementById("SmallClassName");

    if(!objBigClass || !objSmallClass) return;



    if(isNaN(iBig)) iBig = 0;

    if(isNaN(iSmall)) iSmall = 0;

    objBigClass.length = 0;



    objBigClass.options[objBigClass.options.length] = new Option("所有", 0);

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

        if(arrClass[i].BigID==0){

			objBigClass.options[objBigClass.options.length] = new Option(arrClass[i].ClassName, arrClass[i].QuesID)

        }

		

    }

	objBigClass.selectedIndex = iBig

    // TODO...

}



function BigClassChang(index){

    var objBigClass = document.getElementById("BigClassName");

    var objSmallClass = document.getElementById("SmallClassName");

    if(!objBigClass || !objSmallClass) return;



    if(index && index>0){

        objSmallClass.length = 0;

        objSmallClass.options[objSmallClass.options.length] = new Option("所有", 0);



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

            if(arrClass[i].BigID == index){

                objSmallClass.options[objSmallClass.options.length] = new Option(arrClass[i].ClassName, arrClass[i].QuesID);

            }

        }

    }

}

</script>

<select id="BigClassName" name="BigClassName" onChange="javascript:BigClassChang(this.options[this.selectedIndex].value)">

<option value="0">所有</option>

</select>

<select id="SmallClassName" name="SmallClassName">

<option value="0">所有</option>

</select>

<script>ListClass(2,8);</script>

<button onclick="javascript:var obj = document.getElementById('BigClassName');alert(obj.innerHTML)">click</button>

</body>

</html>
不悲不喜 2008-12-02
  • 打赏
  • 举报
 回复
FF3下没问题，
IE6下确实不正确。
加了ALERT就没问题。
觉得好像是IE6的BUG。
不悲不喜 2008-12-02
  • 打赏
  • 举报
 回复 
arrClass[arrClass.length] = {

    QuesID: 2,

    ClassName: "旅游/交通",

    BigID: 0,

    QuesNum: 0

}


显示的就是这一项。
没错呀！！！
majianan 2008-12-02
  • 打赏
  • 举报
 回复
ListClass(3,8)？
第一个是“所有”，第二个是“生活时尚”，第三个才是“旅游交通”
文盲老顾 2008-12-02
  • 打赏
  • 举报
 回复
代码每行后面都没有;。。。。

在 FF2 下测试，定位到 "旅游/交通" 这项了
文盲老顾 2008-12-02
  • 打赏
  • 举报
 回复
不支持FF。。。。
yeah920 2008-12-02
  • 打赏
  • 举报
 回复
我IE7测试了下，我这里是定位到"旅游/交通"这项了.
majianan 2008-12-02
  • 打赏
  • 举报
 回复
<select id="BigClassName" name="BigClassName" onChange="javascript:BigClassChang(this.options[this.selectedIndex].value)">
<option value="0">所有</option>
</select>
<select id="SmallClassName" name="SmallClassName">
<option value="0">所有</option>
</select>
<button onclick="ListClass(2,8);">click</button>
</body>

点击按钮，大类显示“旅游/交通”这一项（QuesID:2,ClassName:"旅游/交通",）
yeah920 2008-12-02
  • 打赏
  • 举报
 回复
大清早先帮忙顶起来.
yangshenghong 2008-12-02
  • 打赏
  • 举报
 回复
UP
加载更多回复（8）
清早的菜市场作文.doc
清早的菜市场作文.doc
梅河口市巨人电脑培训中心 C语言程序设计答案
梅河口市巨人电脑培训中心 >> 教学研究 >> 教学素材 >> 正文 C语言程序设计答案 这可我一大清早发了好长一段时间整理的啊！
shortcut角落截图
好用的截屏小工具，欢迎使用，简单方便。大清早的，节日快乐。。。
上班时间刷leetcode-TheAlgorithms-[removed]JavaScript中的SwordToOffer和LeetCod
上班时间刷leetcode 记录一些学习和解决算法题目的代码和心得。 第一阶段：第一次刷完剑指offer 19.6.17是第一遍刷完剑指的时候，整体的感觉是，因为考研时对数据结构有过全面而深入的学习和理解，所以刷起来没有想象中那么吃力，有一些题目做起来还是比较顺手的，但同时，也有一些题目相对而言比较困难（比如最后几道），而且确实有一些相关概念也有遗忘的情况，对一些递归思想掌握的还不够熟练，总而言之，还是很有收获，应该说总体上对算法还是有了更进一步的认识和理解了吧。 有一些技巧相关的东西要记得： 1.for循环中嵌套递归 2.层次遍历时，循环开始先拿到队列长度，作为每一层树节点的数目，来解决相关对每一层树节点的操作时，十分有帮助 3.回溯法还要好好理解一下 之后，准备开始刷leetcode 19/6/22刷了两道，第一道感觉还可以，在第二道就感觉明显感到吃力了，但是算法可以靠自己的思路实现，虽然时间可能花的多一点，继续加油吧 19/7/12 刷let17时，写对了一个比较复杂的递归，就是之前记录的for循环中嵌套递归，算是递归中比较复杂的了吧，是大清早来刷算法，感觉效率很高，对递归理解和
ios-看知乎 - 每天三次，看知乎精选。.zip
你可以从这里获取最新代码 Github链接: https://github.com/Joe0708/SeeZhihu 如果对你有帮助, 请给个star 每天三次，看知乎精选。 清早上班路上，不错过昨日最新话题； 午饭后休息时间，看看最近还有哪些热门； 傍晚回家，读一读过去的好答案。 既有长篇干货，也有一句话抖机灵； 所有话题兼容并包，人文科技艺术体育职场情感都囊括其中； 无添加剂的电脑筛选，不预设立场。 如果你是知乎日报的读者或精选集的订阅者，希望你能在这里看到更多原汁原味的答案； 如果你还是知乎社区的参与者，希望你除了阅读好答案，还能找到值得关注的人； 所有接口由知乎大神@苏莉安提供，接口来自看知乎
JavaScript

87,922

社区成员

224,618

社区内容

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

加载中

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

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

+ 用AI写文章