0

假设我已经关注 html 和 jquery mobile 链接：

<section id="firstpage" data-role="page">

<label for="a">Enter a</label>
<input id="a" type="number"/>

<label for="b">Enter b</label>
<input id="b" type="number"/>

<label for="c">Enter c</label>
<input id="c" type="number"/>

<a href="#secondpage" data-role="button" data-transition="flip">Show Them!</a>
    </section>

    <section id="secondpage" data-role="page">
<!--I want to show the three values of a,b,c here -->
    </section>

如您所见，第一页会有一个按钮，当我按下它时，它将引导我进入第二页。现在，假设我将输入字段值保存到脚本中的三个变量中。如何在第二页中显示它们，我对此感到困惑？

如果您只是编写一个简单的 jquery 脚本，它将在第一页中获取这三个值，并在其内部 html 的第二页中指示它们时显示它们，那么这对我有用。

4

2 回答 2

1

<head>在调用中加载 jQuery 和 jQuery mobile 后，将以下代码放入标记中$(document).ready(function(){ ... });：

$("#secondpage").on("pagebeforeshow", function(e, data) {
    data.prevPage.find('input').each(function(index) {
        $('#secondpage').append('<div>' + $(this).val() + '</div>');
    });
});

请注意，由于您将输入字段类型设置为number它只会输出数字，因此其他任何内容都将是空白输出。

jsFiddle

于 2013-09-11T05:43:38.103 回答
0

只需给按钮元素一个 id，如：

 <a href="#secondpage" id="mybutton" data-role="button" data-transition="flip">Show Them!</a>

然后使用 jquery 完成剩下的工作，

 $('#mybutton').tap(function(){

 var a = $('#a').val();

 var b = $('#b').val();

 var c = $('#c').val();

 var total= 'a is '+ a + ',b is' + b + ',c is' + c;
 $('#secondpage').html(total);
 });

那应该做的工作

于 2013-09-11T05:54:36.493 回答