Javascript 如何在多个位置处理同名的HTML字段

我有一个非商业性的web应用程序，它使用纯HTML、PHP和Javascript以及Dynamic Drive的选项卡内容代码构建。这个应用程序让我可以管理家庭图书馆和电子书阅读器上的书籍

我正试图将一些代码整合到一个可包含的模块中，具体来说，就是通过首先要求用户选择姓氏的第一个字母来限制选择列表，从而选择作者姓名的字段和代码。JS AJAX代码调用PHP模块，根据用户的选择填充名称选择列表。当其他位置/选项卡使用由PHP代码填充的标准选择列表时，这在一个位置工作得很好，但是由于作者的数量，该列表非常广泛。我决定尝试使用一个通用模块，使这个过程完全相同，无论用户是希望将一本书标记为已读、查找书籍还是查找一本书是否已读

在修改同一HTML模块中的三个单独位置（不同的选项卡由不同的“div”标识）后，当我尝试在“查找一本书”选项卡/代码部分中选择一位作者时，第一个实例中的姓名选择列表总是填充的。我怀疑这与分配给该选择列表的名称有关

我有没有办法通过include语句在同一个HTML模块/文件的三个位置使用这个通用代码，并让JS和PHP代码在该部分/选项卡的选择字段上运行？我只是试图避免代码重复三次

---

谢谢

我不再需要这个问题的答案了。发布后，我意识到，因为我使用的是一个HTML/CSS/JS包，让我为主应用程序的各个子应用程序设置选项卡，所有这些都在一个HTML文件中，所以我必须用不同的名称命名变量的每个实例

我已经将代码重组为多个HTML/PHP文件。现在，我可以为在多个任务（也称为HTML文件/页面）中执行相同操作创建通用代码。结果很好

谢谢大家对这件事的想法