如何自定义jquery移动选择小部件展望

How to custom jquery mobile select widget outlook?

本文关键字：小部 选择 移动 自定义 jquery      更新时间：2023-09-26

例如，我希望标题位于按钮内的左侧。

图像示例：http://oi57.tinypic.com/iy3ebm.jpg

我的代码：http://jsfiddle.net/ejkcnpvo/

<select name="select_choice" id="select_choice" title="Location">
  <option value="1">San Francisco</option>
  <option value="2">Hong Kong</option>
  <option value="3">China</option>
  <option value="4">Japan</option>
</select>

我想扩展当前的选择小部件而不是"硬代码"。

在 jQuery 中，您可以使用以下命令获取属性的值，例如 title：

$(selector).attr("title");

在您的示例中，可以使用以下命令找到select项的标题：

var title = $("#select_choice").attr("title");

现在您已经有了标题，您可以在select之前将文本添加到 DOM 中。 例如：

$("#select_choice").prepend($("<span>" + title + "</span>");

有关每个 API 的更多详细信息，请参阅 jQuery 联机文档中的相关部分。

相关文章：