jQuery Mobile 中选择列表的“请选择”占位符文本？答案

【问题标题】：'Please Select' placeholder text for select list in jQuery Mobile?jQuery Mobile 中选择列表的“请选择”占位符文本？
【发布时间】：2014-12-08 20:03:54
【问题描述】：

我在 jQuery Mobile 的表单中使用选择列表。我希望默认值为“请选择”或其他一些占位符文本。目前我正在这样做：

<label class="select">Age</label>
<select>
           <option value="">Please select</option>
           <option value="">18</option>
           <option value="">19</option>
           <option value="">20</option>
           <option value="">21</option>
           <option value="">22</option>
        </select>

但是有标准的方法吗？例如，我不希望用户能够提交选择了“请选择”选项的表单。谢谢

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

你可以这样试一试：

  <option value="-1" selected="selected" disabled="disabled" >Select one...</option>

【讨论】：

【解决方案2】：

将默认设置放在列表顶部通常是一种很好的做法。您应该为选项的元素分配值。例如，默认值可以是 0。

<option value="0">Please select</option>

在提交时可以检查提交的值是否为0，返回false；什么的。

【讨论】：

那么，阻止使用帮助文本值提交表单的唯一方法是使用 javascript 或服务器端验证？我想知道是否有标准的 html5 或 JQM 方法来执行此操作，这似乎是很多人需要的标准功能。
不一定是服务器端。如果您使用 javascript 验证表单，则可以使用默认选定值 (0) 阻止表单提交

【解决方案3】：

在 jQM 中可以这样做：

<option value="" data-placeholder="true">Change Category</option>

【讨论】：