本文实例分析了JS动态添加选项的方法。分享给大家供大家参考，具体如下：
一、问题：
要做一个调查问卷，问题数量不定，问答答案不定。
效果图
二、实现方法：
为了实现这个效果，点击那个按钮就在下面添加4个答案框，选择从A-Z这26个字母，就是为了ASSIC码方便处理
看看HTML结果
标题1:
B:
C:
D:
通过这个上面这HTML结果，然后通过JS 实现
获取前面div层数
var $div_num = $this.prev().children().attr("id");
//增加图层
var $div_next_num = Number($div_num)+1;
var $last_children_name = $this.prev().children().last().children().last().attr("name").charCodeAt();
var $html = "";
}
}else
{
$end = 90 - $last_children_name;
for(var $i=1;$i<=$end;$i++)
{
$Word = String.fromCharCode($last_children_name + $i);
$html += $Word+":";
}
}
$html += "
";
$this.prev().append($html);
}
上面的JS 是通过jquery实现，原理很简答,我就不说太多了。
巧妙的地方就是通过assic码数字转换来实现选项增加。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
原文链接：https://www.f2er.com/js/45117.html