Javascript 从选择框中单击以进行选择

我用的是Django和Zurb基金会

在某个页面上，一方面，我有一组项目组织在一个表中，显示它们的属性。另一方面，在同一页上，我有一个表单，其中包含一个选择框，其中的元素是前面提到的项目。现在原则上，随着项目数量的增加，在表单的选择框中查找一个项目会变得很无聊。我想，如果您单击表上显示的其中一个项目，则在选择框中选择相同的项目

我该怎么做？我对javascript一无所知，但如果你至少能提到相关的关键概念，我会学习它们

---

谢谢

请查看此JSFIDLE：

尽管我已经留下了几条评论，详细说明了应该如何做到这一点，但我将总结如下：

• 使用Django的模板引擎的循环功能循环浏览每个项目及其描述（这一部分将由您自己决定，但我在小提琴中给您留下了一个链接，让您开始使用）。例如，您将在每个循环中将这些项目添加到

  tbody

  ：

  <!-- loop iteration one -->
  <tr>
      <td class="item1">Item 1</td>
      <td class="item1">The first item</td>
  </tr>
  

  同样，这需要一个唯一的类名，但该类名与表中项目的类名相对应

• 最后，您需要处理JavaScript。简单地说，您可以检查用户是否悬停在

  li

  上，检查它属于哪个类，并对具有相同类的所有元素应用某种颜色。当然，需要注意的是，这将作用于所有列表元素。如果需要的话，我会让你来改变的

---

希望这有帮助！（最终结果是：）

另一个注意：我决定检查用户何时将鼠标悬停在

li

上。您似乎希望用户单击。正如我在小提琴中的JS评论所解释的，这很简单。谢谢！这将足以让我明白如何做我想做的事。当我得到最终结果时，我会上传它。在我的例子中，下拉列表是作为Django中表单的一部分自动生成的，这只是技术上的困难，但我会处理。谢谢哦，最后一个细节。就像我说的，我对javascript一窍不通。那么，我应该在哪里插入js代码呢？在里面，我想，但是html上到底在哪里？头，身体，任何地方？所以，我试图让你的想法完全按照我想要的方式运作：点击列表从下拉列表中选择一个选项。你明白为什么下面的方法不起作用吗？您认为它位于

脚本

标记中是正确的。至于它应该放在哪里，最好在Django将所有元素放入

正文

之后再放在某个地方（所以在最后）。我为我的缺席道歉。我没有意识到你想要选择这张桌子——我看错了！但我很高兴听到你的成功

<!-- loop iteration one -->
<li class="item1"><a>Item 1</a></li>