1

所以我有一个简单的页面(html),在其中使用 jquery 我将 's 加载到使用 php 文件的选择中。代码如下: HTML:

<div data-role="page" id="pg_invoicedtl">
  <header data-role="header" data-theme="b">
    <a href="javascript:history.go(0)" data-icon="refresh" class="ui-btn-right" data-theme="e">Refresh</a>
    <h1>MyApp</h1>
  </header>

    <div align="center" data-role="content">
        <ul data-role="listview" data-theme="c" data-divider-theme="e" data-count-theme="b" data-inset="true">
            <li data-role="list-divider">
                <h3 class="ui-li-heading">Select product</h3>
            </li>            

            <li>
            <div data-role="fieldcontain">
                <label for="prodselect" class="select">Choose the product:</label>
                <select name="prodselect" id="prodselect">
                </select>
            </div>            
            </li>
        </ul>
    </div>
</div>

我用来填充选择的脚本(当然位于 HEAD 部分)是:

<script type="text/javascript">
        $(document).ready(function() {
            $.ajaxSetup ({
                cache: false
            });

            var ajaxLoader = '<img src="images/ajax-loader.gif" alt="loading.." />'; 
            var loadUrl = "loadproducts.php";  


            $('#prodselect').toggle('fast', function() {
                $(this).html(ajaxLoader);
                $(this).toggle('fast', function() {
                    $.get(loadUrl, function(data){
                        $('#prodselect').html(data);
                    },'html');                  
                });
            });
            $('#prodselect').selectmenu('refresh');
        });        
</script>    

现在脚本正在调用的 php 文件 (loadproducts.php):

<?php
session_start();
include "/tmp/conexiune.php";

$pql = mysql_query("select * from products order by name");
$isfirst = 0;
while ($prow = mysql_fetch_row($pql)){
    if ( $isfirst == 0){
        echo '<option id="'.$prow['idproducts'].'"value="'.$prow['name'].'" selected="selected">'.$prow['name'].' - '.$prow['pu'].' EUR</option>';
    }
    else
    {
        echo '<option id="'.$prow['idproducts'].'"value="'.$prow['name'].'">'.$prow['name'].' - '.$prow['pu'].' EUR</option>';
    }
    $isfirst++;
}    
?>

首先我必须告诉你,上面的代码有效。虽然有一个问题......我的问题......:

  • 正如您从代码中观察到的那样,我希望选择的第一个选项被“选中”,但无论我做什么,它都不会发生。刷新页面后选择框是空的,如果我想用鼠标选择列表中的第一个选项,它什么也不做,就像第一个项目已经被选中所以它不做一样。

  • 如果我想在列表中选择第二个或其他选项,一切正常。

  • 所以选择的第一个元素似乎被选中,但它没有在选择框中显示它的值。

  • 我什至添加了 $('#prodselect').selectmenu('refresh'); 没有结果的脚本...

  • 此外,如果我使用非动态生成的选项,一切都会完美。所以对于静态选项,选择从一开始就显示第一个选项。

    我不明白可能出了什么问题。我在 HTML 之外测试了 php 文件(没有从脚本中调用它),结果看起来就像一个完美的选择内容,当放在选择标签内时,它显示了完美的结果。但是当我从脚本中调用它时,事情就会变得一团糟。

    我会在这里放一个 jsfiddle,但我认为它不适用于 php 文件......

4

2 回答 2

0

Try using the === (note 3) rather than ==.

If this does not work then change:

$isfirst = 0;

to

$isfirst = 1;

As 0 can evaluate as false in cases.

Hope this helps!

于 2013-07-09T14:44:42.723 回答
0

Try this :

 $('#prodselect').selectmenu('refresh', true);

After loading dynamic content you need to force rebuild the select as mentioned in the document : http://api.jquerymobile.com/selectmenu/#method-refresh

于 2013-07-09T14:47:04.367 回答