Js操作DOM对象的例子

最新推荐文章于 2025-11-25 13:57:15 发布

转载最新推荐文章于 2025-11-25 13:57:15 发布 · 1.6k 阅读

文章标签：

#function #button #input #html

JS 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态生成HTML下拉框（select）选项的方法。通过清除原有选项并添加新的option元素，实现下拉框内容的动态更新。同时提供了一个示例代码，演示如何创建选项并响应选择变化。

原地址：http://cobweb.javaeye.com/blog/248061#comments ，我试了下可以运行，但是感觉这样子操作DOM对象的话那么原来写的

部分代码就没有用了，因为新显示的下拉框都是通过JS生成的

<html> <head> <title>js dom 动态生成option选项</title> <mce:script type="text/javascript"></mce:script> </head> <body> <select id="ah" onchange="showValue();"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <input type="button" name="submit" value="submit" onclick="clearSelect();"/> </body> </html>