php - 回显基于 php 的选择项时，JQM selectmenu 第一个选项为空白

Question

我正在使用此 php 以 mySQL 数据库的形式填充 jQuery Mobile 选择菜单:

$OTsql = "SELECT * FROM OrderTypes";
$OTresult = mysql_query($OTsql) or die (mysql_error());
while ($row = mysql_fetch_array($OTresult))
{
    $OTid=$row["id_ot"];
    $OTname=$row["orderTypes"];
    $OToptions.="<OPTION VALUE=\"$OTid\">".$OTname;
}

html是这样的:

<label>Order Type:</label><br>
<select name="orderType" id="orderType" data-overlay-theme="e" data-native-menu="false" data-icon="arrow-d">
    <option id="0" value=""> Select Order Type </option>
    <option>
        <? echo $OToptions ?>
    </option>
</select>

虽然我可以单击选择菜单并查看数据库中列出的选项，但它显示空白(选择菜单按钮本身没有列出文本)，当我单击菜单时，顶部是一个空白占位符。我已经尝试了各种 jQuery 选项，比如我在 SO 找到的这个变体:

$(document).bind('mobileinit',function(){
   $.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = true;
});

更大的问题(如果没有按钮上默认列出的第一个选项或按钮上列出的项目“选择订单类型”——这将是理想的——我可能会生活)，但是当我去保存一个预先存在的表格，它将在那里选择的任何内容更改为数据库记录中的空白。任何见解将不胜感激。我什至不确定我的做法是否正确。

Answer 1

你能试试这个吗，

 $OToptions.="<option value=\"$OTid\">".$OTname."</option>";  


<select name="orderType" id="orderType" data-overlay-theme="e" data-native-menu="false" data-icon="arrow-d">
<option id="0" value=""> Select Order Type </option>

 <?php while ($row = mysql_fetch_array($OTresult))
   {
     $OTid=$row["id_ot"];
     $OTname=$row["orderTypes"];
    echo "<option value=\"$OTid\">".$OTname."</option>";
    }
   ?>
 </select>