Javascript 基于jQTouch表单的简单产品选择器

我正在使用jQTouch构建一个简单的移动应用程序，它带有一个html/js/jquery表单，充当产品选择器。它有5个下拉菜单和6种可能的场景：

场景：共有6种产品-选择得分最高的产品。然后，用户被带到div，该div充当jQTouch中包含该产品内容的页面

表格：

问题1

选项1：产品A得1分，产品C得1.5分 选项2：产品B得1分，产品D得1分 选项3：产品C得1分，产品E得1分 选项4：产品F得1.5分

-等等，跨越5个问题

由于这是使用jQTouch，我希望表单能够找出哪个产品最有价值，然后将用户带到相应的div页面。请大家了解完成这项任务的最佳方法好吗

---

非常感谢您的帮助谢谢。

想出了办法，认为发帖可能会帮助其他人：在jQTouch+phonegap工作。 在HTML中：

        <form name="myForm" action="">
        <p>1. Question 1</p>
            <span>
            <select id="rofy-q1" name="q1" class="btn">
                <option value="0" disabled="disabled">Please select</option>
                <option value="50">Option 1</option>
                <option value="100">Option 2</option>
                <option value="200">Option 3</option>
                <option value="300">Option 4</option>
                <option value="400">Option </option>
            </select>
        </span>
        <p>2. Question 2</p>
            <!-- ETC - fill out the remaining questions as per q1 but change the 'name' to q2, q3 etc. -->
        <span class="buttoncontain"><input href="#" type="button" value="Click to see your results" class="btn" onclick="getProduct();"></span>
        </form>

---

我想在你进入jqtouch项目之前就转到jquery移动，jqtouch项目已经停止。不幸的是，这可能太晚了——这只是应用程序的一部分，其余部分已经完成。JQTouch似乎是一个更好的选择，因为jquerymobile只在开发的中途发布了它的第一个alpha。

<script type="text/javascript" charset="utf-8">
        function getProduct() {
            // Get scores - a=answer, q=question
            var a1 = document.myForm.q1.value;
            var a2 = document.myForm.q2.value;
            var a3 = document.myForm.q3.value;
            // Calculate the scores
            var userCalc = parseInt(a1) + parseInt(a2) + parseInt(a3);
            // Suggest a product based on scores
            if (userCalc <= 99) {
                // alert("Product 1");
                jQT.goTo("#p1");
            } else if (userCalc <= 199) {
                // alert("Product 2");
                jQT.goTo("#p2");
            } else {
                // alert("Product 3");
                jQT.goTo("#p3");
            }
            // End functions
        }
        </script>