所以我有一个简单的页面(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 文件......