Javascript 选择图像并将数据传递到数据库

我正在开发一个移动应用程序，我有一个场景，用户在选择图像时（例如：支付模式-信用卡将有一个图像，金钱将有一个图像），通过点击功能，图像的颜色应该改变，数据应该从数据库中检索

我能够修复单击时的颜色更改选项，但无法访问数据库中的数据。请帮我做这个

代码如下：

<div class="container">
<table style="width:60%;text-align:center; ">
<thead>
<tr>
<td colspan="4" style="border-right:1px solid;">Mode of transport:(click to     select)  
</td>
<td colspan="2" >Mode of payment:(click to select)
</td>
</tr>
<thead>
<tr>
<td><img id="p2" src="./images/car_blue 120.png"  style="width:60px;height:60px;" onclick="" />
</td>
<td>
<img id="p2" src="./images/Bus_blue 120.png" style="width:60px;height:60px; " onclick="" />
</td>
<td>
<img id="p2" src="./images/plane_blue 120.png"   style="width:60px;height:60px; " onclick="" />
</td>

运输方式：（点击选择）
付款方式：（点击选择）

---

这里您讨论的是两种不同的活动，您使用的不是imp。而是图像/按钮/或其他任何东西。它仅作为访问数据库的触发器。它在点击事件之后执行一些操作。在您的场景中，操作是“检索数据”

---

如果您提供有关正在使用的数据库类型的明确信息，那么就更容易解释解决方案。

您位于客户端，必须与服务器通信才能访问所需的数据。如果您要与远程服务器通信，则必须使用javascript调用应用程序中的web服务

您必须使用onclick事件调用一个函数来执行所需的操作，为此您可以使用Ajax

---

我使用的是Cordova SQL lite数据库插件，请参考此图坦卡蒙。这肯定会帮助您感谢我们的时间。我被困在UI部分，而不是后端部分。我需要帮助选择图像作为选项，而不是下拉列表。我想问题是关于无法访问数据库中的数据。无论如何，如果您有新问题，请将其作为ne发布w问题

<td>
<img id="p2" src="./images/cash_blue 120.png" style="width:60px;height:60px; padding:5px;" onclick="" />
</td>
<td>
<img id="p2" src="./images/credit_card_blue 120.png" style="width:60px;height:60px; padding:5px;" onclick="" />
</td>
</tr>
</table>
</div>