Javascript 基于页面上列出的项目创建html下拉列表

我有一个HTML下拉菜单，它工作得很好，但它是完全静态的。 即，手动输入菜单中的项目，以匹配主标题页上的链接

例如

该菜单由内部页面中的3个部分链接组成

如果我向内部页面添加任何部分，我必须手动修改菜单以反映这一点，但如果我添加新页面，我希望自动添加此项

这能做到吗？ 我希望如此

**编辑：

在这个问题上更加明确；我有以下html：

<div id="category_2232" class="category">
<div class="column" id="forum_259962">
<h3 class="clearfix"><a href=""><span>Internal KB Documents</span></a></h3>
</div>
<div class="column" id="forum_20160368">
<h3 class="clearfix"><a href=""><span>Downloadable Extras</span></a></h3>
</div>
<div class="column" id="forum_20632406">
<h3 class="clearfix"><a href=""><span>SQL Scripts</span></a></h3>
</div>
</div>

我将其用作创建菜单的指南，其形式如下：

<li><a class="tab" href="http://">INTERNAL</a>
<ul>
<li><a href="http://">Internal KB Documents</a></li>
<li><a href="http://">Downloadable Extras</a></li>
<li><a href="http://">SQL Scripts</a></li>
</ul>
</li>

我想使用第一个代码，每当我添加新代码时，我希望菜单上相应的

条目自动更新

请帮忙！ 我确信我能做到！ 必须有一些可以生成菜单项的JS

非常感谢迄今为止所涉及的各方

---

Howie

当DOM准备就绪时，找到列表项并使用锚文本创建选项元素，您可以将其附加到select。如果向标记中添加一些ID，将使查询DOM变得更加容易

jQuery

$(function () {
    var select = $('#internal-select');
    var items = $('#internal-list li a').each(function () {
        var text = $(this).text();
        select.append('<option value="' + text + '">' + text + '</option>');
    });
});

$（函数（）{
变量选择=$（“#内部选择”）；
变量项=$（'#内部列表LIA'）。每个（函数（）{
var text=$（this.text（）；
选择。追加（“”+文本+“”）；
});
});

HTML

<li><a class="tab" href="http://">INTERNAL</a>
    <ul id="internal-list">
        <li> <a href="http:// ">Internal docs</a></li>
        <li><a href="http:// ">SQL</a></li>
        <li><a href=" ">Downloadables</a></li>
    </ul>
</li>
<select id="internal-select"></select>

DOM就绪后，找到列表项并使用锚文本创建选项元素，您可以将这些元素附加到select。如果向标记中添加一些ID，将使查询DOM变得更加容易

jQuery

$(function () {
    var select = $('#internal-select');
    var items = $('#internal-list li a').each(function () {
        var text = $(this).text();
        select.append('<option value="' + text + '">' + text + '</option>');
    });
});

$（函数（）{
变量选择=$（“#内部选择”）；
变量项=$（'#内部列表LIA'）。每个（函数（）{
var text=$（this.text（）；
选择。追加（“”+文本+“”）；
});
});

HTML

<li><a class="tab" href="http://">INTERNAL</a>
    <ul id="internal-list">
        <li> <a href="http:// ">Internal docs</a></li>
        <li><a href="http:// ">SQL</a></li>
        <li><a href=" ">Downloadables</a></li>
    </ul>
</li>
<select id="internal-select"></select>

显示下拉菜单的HTML！这是下拉菜单。这就是我想要动态设置的部分。div和菜单在不同的页面上吗？Binu，是的，它们在不同的页面上。显示下拉菜单的HTML！这是下拉菜单。这就是我想要动态设置的部分。div和菜单在不同的页面上吗？比努，是的，它们在不同的页面上。我想我的解释可能有点误导。我上面的例子是下拉菜单。我希望这个菜单是根据另一页中的项目创建的。我想我的解释可能有点误导。我上面的例子是下拉菜单。我想根据下一页中的项目创建此菜单