开发下拉菜单

Question

我正在尝试构建一个下拉菜单小部件，该小部件使用JS在LibGuides框架内生成一系列指南。不同的菜单选项将使用JS生成指南列表。这是一个主意：

<div id="course-guide-select">
	<div id="subject-toggle" class="dropdown">
		<label class="select-label" for="subject-options-1">Select course code:</label>
		<select id="subject-options-1" name="select" class="selectOption">
			<option value="1">BUSI</option>
			<option value="2">COUN</option>
			<option value="3">NURS</option>
		</select>
	</div>
	<div id="changingArea">
		<div id="BUSI" class="desc">
			<script>
			
			
			</script>
		</div>
		<div id="COUN" class="desc">
			<script>
			
			</script>
		</div>
		<div id="NURS" class="desc">
			<script>
			
			</script>
		</div>
	</div>
</div>

下拉菜单将至少包含100个选项，我为每个选项都插入了JS。我正在生成的代码量遇到问题-我在（LibGuides中）输入代码的框只允许输入65k个字符，而我在写一半之前就已经将其拍摄了-完成。

我想知道是否有一种方法可以使用更少的代码来生成指向指南的链接列表。 LibGuides有一个标记系统，JS正在生成该标记系统以供使用，并且它的代码一遍又一遍。我可以创建一个更简单的下拉列表来使用标签或网页的其他功能来生成链接列表吗？