Javascript 在JQuery Mobile中填充下拉列表后的下一步_Javascript_Jquery Mobile

Javascript 在JQuery Mobile中填充下拉列表后的下一步

javascript jquery-mobile

Javascript 在JQuery Mobile中填充下拉列表后的下一步,javascript,jquery-mobile,Javascript,Jquery Mobile,我最近发布了一个非常愚蠢的问题，关于为什么我的下拉列表不会出现在我正在做的phonegap JQuery应用程序中——我对这个问题非常陌生，我没有意识到phonegap不会运行php脚本！！好的，所以我离开了，做了一些适当的研究，将我的php脚本存储在服务器上，并通过AJAX和hey presto链接到它-数据库连接，下拉列表填充的快乐日子我的下一个问题是，我希望用户从新填充的下拉列表中选择一个客户，当他们单击该选项时，该选项将被重定向到从我的数据库中提取客户信息的页面这是我用来填充列表的代

我最近发布了一个非常愚蠢的问题，关于为什么我的下拉列表不会出现在我正在做的phonegap JQuery应用程序中——我对这个问题非常陌生，我没有意识到phonegap不会运行php脚本！！好的，所以我离开了，做了一些适当的研究，将我的php脚本存储在服务器上，并通过AJAX和hey presto链接到它-数据库连接，下拉列表填充的快乐日子

我的下一个问题是，我希望用户从新填充的下拉列表中选择一个客户，当他们单击该选项时，该选项将被重定向到从我的数据库中提取客户信息的页面

这是我用来填充列表的代码，效果非常好

$(document).ready(function(){
    var url= "xx";
    $.getJSON(url,function(json){
        $.each(json.members,function(i,dat){
            $("#msg").append("<option>" + dat.Name + "</option>");
        });
    });
});

我可以在选项标签中添加一些代码，让我打开一个新页面，将客户帐号设置为一个变量，并从我的数据库中提取他们的详细信息吗

我试过了

 $("#msg").append("<option value='dat.AcNo'>" + dat.Name + "</option>");

dat.AcNo是检索到的帐号，但当我将onclick链接放到下一页时，什么也没有发生。我想这是相当基本的，但我没有做正确的事情-救命啊……求你了

单击该选项后，页面将被重定向到customerDetails.html页面

在onclick函数中使用该选项

document.location = //substitute this with the url you want

这将重定向到新页面。我想您可以在get参数中传递用户id，并在目标页面上用一些附加代码绘制用户信息。

工作示例：

HTML: 更新：

如果您需要在其他页面上显示所选数据，请查看此页面，搜索章节：页面转换之间的数据/参数操作

您希望在json.members中链接到的数据是什么？例如：dat.Url或dat.AccountNumber如果是的话，我们能看到数据样本吗？你实际上是在问我们如何->点击->将某人发送到另一个页面以查看有关客户的更多详细信息。。。不用告诉我们页面在哪里，你说的是什么数字变量。。。任何东西因为答案是肯定的，这是可能的。但真正的问题是你打算怎么做。你的想法是什么？你准备了哪些页面和代码来完成任务。我对这方面完全是新手，请耐心听我说！我了解点击是如何工作的——我只需要知道如何最好地实现它，这样当用户从下拉菜单中点击客户时，他们就会被重定向到显示所有客户信息的页面。目前，json.members中的数据纯粹是他们的详细信息。我需要从另一个表onclick中提取数据，以获取他们最近的订单和定价etcdat.AcNo将是客户帐号的值，我希望在移动到下一页时将其用作变量，以便检索更多信息。我在document.locationcustomerDetails.php？AcNo=dat.AcNo中使用了此方法；但是url没有显示dat.AcNo的值，只显示dat.AcNo参数设置有问题。您使用的是字符串，而不是AcNo的整数吗？帐号通常类似于MAU001。请尝试将url记录到控制台，或在将其传递到document.location之前发出警报。问题应该围绕字符串，而不是document.location函数。您提供的链接似乎不起作用，但感谢您提供的示例-我将看看我能做些什么这很有意义，但是在my page existing.php中，它提供了关于选择选项的下拉列表，您提供的方法使用所选选项的值来重定向页面。因此，我是否会正确地认为我必须为每个客户提供一个页面？理想情况下，我希望从选择菜单动态创建页面

<!DOCTYPE html>
<html>
    <head>
        <title>jQM Complex Demo</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> 
        <!--<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>-->
        <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>    
    </head>
    <body>     
        <div data-role="page" id="index" data-theme="a" >
            <div data-role="header">
                <h3>
                    First Page
                </h3>
                <a href="#second" class="ui-btn-right">Next</a>
            </div>

            <div data-role="content">
                <select name="select-choice-0" id="select-choice-1" data-native-menu="false">
                    <option value="second">Second page</option>
                    <option value="third">Third page</option>
                </select>   
            </div>

            <div data-role="footer" data-position="fixed">

            </div>
        </div> 
        <div data-role="page" id="second" data-theme="a" >
            <div data-role="header">
                <h3>
                    Second Page
                </h3>
                <a href="#index" class="ui-btn-left">Back</a>
            </div>

            <div data-role="content">

            </div>

            <div data-role="footer" data-position="fixed">

            </div>
        </div> 
        <div data-role="page" id="third" data-theme="a" >
            <div data-role="header">
                <h3>
                    Third Page
                </h3>
                <a href="#index" class="ui-btn-left">Back</a>
            </div>

            <div data-role="content">

            </div>

            <div data-role="footer" data-position="fixed">

            </div>
        </div>          
    </body>
</html>

$(document).on('pagebeforeshow', '#index', function(){ 
    $(document).on('change','select',function() {
        var nextpage = $(this).children('option:selected').attr('value');
        $.mobile.changePage('#' + nextpage);
    });       
});