Javascript 多行HTML选项标记的变通方法是什么？

我希望做如下所示的。基本思想是用户可以选择一个（或多个）项目，然后单击箭头将项目从一个框移动到另一个框。关键特性是每个选项必须是多行

我目前的做法是使用两个HTML选择框和两个按钮。每个项目都是一个选项。但是，由于选项不能包含多行或多个标记，因此我只有项目的名称，而没有价格或说明

出于这个原因，我正在寻找一个不一定是HTML选项标签的解决方案。我一直在读的一个解决方法是使用

标记，但这不是我想要使用的解决方案

我曾计划将HTML表与jQuery一起使用，以检测点击，并更改CSS中每一行的属性，使其产生被选中的错觉，等等，但在构建此功能之前，我想了解一些其他想法，因为肯定还有其他更成熟的解决方案

请注意，数据需要从外部SQL数据库引入。目前，我使用.ashx处理程序从后端生成前端代码。IE

{0}

通过AJAX调用返回到select标记之间的前端

请分享你的想法，看看什么可以做到最好

我计划使用HTML表格

它看起来像表格数据（产品名称、价格），所以表格很好

使用jQuery来检测点击，并更改CSS中每一行的属性，使其产生被选中的错觉，等等

请使用复选框。您可以检测行上的单击并切换复选框以扩展单击区域

我计划使用HTML表格

它看起来像表格数据（产品名称、价格），所以表格很好

使用jQuery来检测点击，并更改CSS中每一行的属性，使其产生被选中的错觉，等等

---

请使用复选框。您可以检测行上的点击并切换复选框以扩展点击区域。

您是否考虑过在数据库的表格中设置选项，并将其引用为

值？
例如，数据库可以存储以下内容：

ID   = 1
Name = Orange
Type = Valencia
Price= $2.50

然后，您的选项可以如下所示：

<select name='fruit'> 
  <option value='1'> Orange </option> 
  <option value='2'> Banana </option> 
  <option value='3'> Apple </option> 
</select>


橙色
香蕉
苹果

当用户提交表单数据时，您可以使用
$\u POST['name']
作为搜索数据库的条件，以查找并收集他们所选项目的所有数据。
您是否考虑过将选项设置为数据库表中的
值作为其引用？
例如，数据库可以存储以下内容：

ID   = 1
Name = Orange
Type = Valencia
Price= $2.50

然后，您的选项可以如下所示：

<select name='fruit'> 
  <option value='1'> Orange </option> 
  <option value='2'> Banana </option> 
  <option value='3'> Apple </option> 
</select>


橙色
香蕉
苹果

当用户提交表单数据时，您可以选择
$\u POST['name']
，并将其作为搜索数据库的标准，以查找并收集他们所选项目的所有数据。
此问题要么过于宽泛，基于意见，要么会引起讨论，因此会导致堆栈溢出。此问题要么过于宽泛，基于意见或邀请讨论，因此是堆栈溢出的主题