我正在使用 jQTouch 构建一个简单的移动应用程序,其 html/js/jquery 表单充当产品选择器。它有 5 个下拉菜单和 6 种可能的场景:
场景:有 6 种产品 - 选择得分最高的产品。然后,用户将被带到包含该产品内容的 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>
<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>
关于javascript - 简单的基于 jQTouch Form 的产品选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3965897/