Jquery mobile 有没有办法在标准文本输入旁边放置一个前置的选择菜单？

我开始使用JQueryMobile，我很喜欢它。我想知道是否有办法在标准文本输入旁边放置一个前置的选择菜单

例如，如果文本输入用于名称，那么前面的select将包含Mr、Mrs等

编辑1： 我已经看了和的情况下，像按钮，它的工作，例如

但是如果我使用像

它给出了一个奇怪的结果，输入与按钮重叠

编辑2： 我已经看过，但看不到有一个div-span 2网格的方法。e、 g

A区
C区

例如，我尝试过上面的方法，但没有达到预期效果

名称
先生
夫人
错过

---

只需删除全名标签下方的选择框，输入内容只覆盖一个单元格/块，而不是网格中的3个单元格/块。

从我所看到的情况来看，控制组最好使用按钮、复选框等，而不是您期望的组合。这里有两个解决方案

不使用网格 您只需将这两个元素作为一个内联块，如下所示：

.ui-select, .ui-input-text {
    display:inline-block
}

使用网格 您使用网格的方式是错误的。您必须使用两个柱网，这两个柱网单独有两个类：ui-block-a和ui-block-b，如下所示：

<div class="ui-grid-b">
  <div class="ui-block-a">Block A</div>
  <div class="ui-block-b">Block B</div>
</div>

A区
B区

这将相应地缩放标记。以下是HTML的外观：

<div class="ui-grid-a">
  <div class="ui-block-a" style="width:100px">
    <select name="select-choice-min" id="select-choice-min" data-mini="true">
       <option>Mr.</option>
       <option>Mrs.</option>
       <option>Ms.</option>
    </select>
  </div>
  <div class="ui-block-b">
    <input type="text" name="name" id="name" value="" placeholder="Enter Name" />
  </div>
</div>

先生
夫人
太太

---

使用网格谢谢@Omar的提示。我看了一下网格，但找不到一种方法使其工作-详见上面的编辑2。嗨@hungerpain-谢谢你花时间回复。我已经编辑了您的无网格示例，其中包含了输入的fieldcontain div和label，我相信jqm说的是最佳实践，它似乎被打破了。它坏了。理想情况下，我想要的是左边的标签和右边的选择和输入-看起来你上面建议的网格选项可能是最好的选择-尽管我需要使用它。