如何从xml中提取数据，其中根和元素是选择框中的变量

Question

我是Web编码的新手，并作为一种业余爱好尝试为数字印刷公司开发一种报价软件，该软件能够为潜在客户提供即时报价。

我在这方面有些挣扎，希望有人能提供帮助。

我苦苦挣扎的一点是，我有两个选择元素和一个文本框。

• 选择框1 = z =打印作业是黑白还是彩色的选项
• 选择框1 = x =页面大小（例如A3，A4或A5）
• 文本框= c =将具有数量值。

（使用文本框，我设法使其仅接受数字，其次，如果数字介于某些值之间，则它将输出某个值，例如，如果数字介于1到20之间，则它将输出列1的值（如果21到300列2依此类推）

C的输出（例如，column1）= V

现在我想实现的是

• z =根节点
• x = z的子代
• v = x的子代

现在，应该将xml上V字段内的值输出到一个隐藏字段，以便在表格i上可以轻松创建所有所需值的计算以创建最终最终总价。

我不知道是否应该在javascript，jquery中执行此操作，或者是否还有其他方法。

您可以在下面的链接上查看我所做的一切

http://www.dtp2print.co.za/Quotation/Stack/

我有一个xml和实际页面。

如果有任何人可以提供的建议，也将不胜感激。

我要达到的结果基本上是这样。

我如何看待Z是所有数据均处于打开状态的表。

X是行

V是列

现在，X和V之间的共同值就是需要提取的结果。

例如

<Colour>
<Colour_Row>
<size>A6</size>
<Column1>1.29</Column1>
<Column2>0.76</Column2>
<Column3>0.635</Column3>
<Column4>0.52</Column4>
</Colour_Row>

Z = colour.xml

X =所需的特定尺寸（例如A6）

v =列（例如Column1）

所需的结果是1.29

希望这可以帮助

Answer 1

这是一个最小的工作示例：

<!DOCTYPE html lang="en" xml:lang="en">
<html>
<head>
    <meta charset="utf-8" />
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
    function getPrice() {
        var Z = "Colour.xml";
        var X = $("#size").val();
        var V = $("#column").val();

        function showPrice(xml) {
            var colourRow = $(xml).find("size:contains(" + X + ")").parent();
            var price = colourRow.find(V).text(); 
            alert(price);
        }
        $.get(Z, null, showPrice, "xml"); // AJAX request for the XML document
    }
    </script>
</head>
<body>
Column: <select id="column">
    <option>Column1</option>
    <option>Column2</option>
    <option>Column3</option>
    <option>Column4</option>
</select>
<br />
Size: <select id="size">
    <option value="A3">A3</option>
    <option value="A4" selected="selected">A4</option>
    <option value="A5">A5</option>
    <option value="A6">A6</option>
</select>
<br />
<input type="button" onclick="getPrice()" value="Show price"/>
</body>
</html>

它是用jQuery完成的，它将大大简化您的工作。