修改价格，同时从 Xml 数据中选择 html 中的不同选项答案

【问题标题】：Modify price while selecting different options in html from Xml Data修改价格，同时从 Xml 数据中选择 html 中的不同选项
【发布时间】：2013-11-01 04:03:39
【问题描述】：

我有一个页面。包含图像、价格、产品更改颜色的选项以及更多选项。价格取决于用户将选择的选项。我有 xml 文件中的数据。

XML 数据

<product id="100">
   <color>white</color>
   <capacity>16GB</capacity>
   <ram>8GB</ram>
   <price>1999</price>
</product>

<product id="101">
   <color>black</color>
   <capacity>16GB</capacity>
   <ram>8GB</ram>
   <price>1699</price>
</product>

HTML

<div id="price>1999</div>
<div>
<ul>
   <li>
      <select id="color">
         <option>White</option>
         <option>Black</option>
      </select>
   </li>
   <li>
      <select id="capacity">
         <option>8GB</option>
         <option>16GB</option>
      </select>
   </li>

</ul>

</div>

当用户更改颜色或容量等选项时，我需要修改 HTML 中的 PRICE 值。有什么想法吗？

【问题讨论】：

需要更具体地说明modify price 的含义。发送到服务器，更改一些 html 或????此外，您的选项标签没有多大意义......没有价值，所以不知道它们应该如何工作，或者您的 <select> 甚至是什么
当用户从选择框或容量更改颜色时，我需要更改价格。
很抱歉，这还不够详细，无法让任何人正确理解您的目标
在 jsfiddle.net 中创建一个演示也会有所帮助......以及目标的详细说明
对不起，如果我知道该怎么做，我就不会问这个问题了。我需要知道如何开始。假设。我有一个移动产品的详细信息页面。白色 8gb 价格不同，黑色 8gb 价格不同。对于任何规格，16 GB 和 32 GB 等都是相同的。在 UI 上，白色和黑色在一个选择框中，8gb、16、32 在不同的选择框中。当用户从选择框中将白色更改为黑色时。价格应根据所有选定的规格从 xml 文件更新。 XML 文件包含该移动产品的所有数据。

标签： jquery html xml

【解决方案1】：

如果您仅使用 jQuery 解析 XML，您可以循环遍历您的 xml 并访问如下元素： $(xmlDocument).find("node").text("新值")

【讨论】：

我将如何解析用户选择的内容？就像更改了哪个字段。我不是后端开发人员，而是前端。对不起，你能详细解释一下吗？谢谢
我建议你在后端处理 XML。例如：当用户选择一个值时，向服务器发出更改值和某个键的请求以在 XML 中找到它，然后在服务器端解析 XML，更改元素并保存。我可以发布使用 XML 进行服务器端 (PHP) 操作的示例。
你能分享一些正在工作的东西吗？我无法调用服务器端请求。我需要从以 xml 格式生成的产品列表中获取价格。如上代码所述。