动态生成的选项选项的问题

所以我有一个简单的页面（html），使用jquery我使用php文件加载到一个选择。 代码如下：HTML：

 
 Refresh 
MyApp
 
 
 
 
 
Select product
 
 
 
 Choose the product:   
 
 
 
  

我用来填充select的脚本（当然位于HEAD部分）是：

  $(document).ready(function() { $.ajaxSetup ({ cache: false }); var ajaxLoader = ''; 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'); });  

现在脚本正在调用的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 ''.$prow['name'].' - '.$prow['pu'].' EUR'; } else { echo ''.$prow['name'].' - '.$prow['pu'].' EUR'; } $isfirst++; } ?> 

首先，我必须告诉你上面的代码是有效的。 虽然有一个问题……我的问题……：

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

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

• 因此，选择的第一个元素似乎已被选中，但它不会在选择框中显示它的值。

• 我甚至添加了$（’＃prodselect’）。selectmenu（’refresh’）; 到没有结果的脚本……

• 此外，如果我使用非dinamically生成的选项，一切都很完美。 因此，对于静态选项，select会从一开始就显示第一个选项。

  我不明白什么是错的。 我在HTML之外测试了php文件（没有从脚本中调用它），结果看起来就像一个完美的选择内容，当放入选择TAG时，它显示了完美的结果。 但是，当我从脚本中调用它时，有些东西搞砸了。

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

Answer 1

试试这个 ：

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

加载动态内容后，您需要强制重建文档中提到的选择： http ： //api.jquerymobile.com/selectmenu/#method-refresh

Answer 2

尝试使用=== （注3）而不是== 。

如果这不起作用则更改：

 $isfirst = 0; 

至

 $isfirst = 1; 

因为0在案例中可以评估为假。

希望这可以帮助！