jQuery Mobile Selectmenu option() 方法

在 jQuery Mobile 中，selectmenu() 方法用于创建可定制的下拉菜单，而 option() 方法允许程序员通过代码动态地添加和修改下拉菜单的选项。本文将介绍 jQuery Mobile Selectmenu option() 方法的使用方法和示例代码。

语法

$(selector).selectmenu("option", optionName, value);

参数说明：

• selector：必需。用于选择要添加或修改选项的 select 元素。
• optionName：必需。一个字符串，指定要更改的选项的名称。
• value：必需。要为选项设置的新值。

示例 - 添加选项

假设我们有以下 select 元素：

<select id="mySelect">
  <option value="1">选项 1</option>
  <option value="2">选项 2</option>
</select>

我们要通过代码添加一个新选项 "选项 3"，其值为 3，可以使用以下代码：

$("#mySelect").append('<option value="3">选项 3</option>').selectmenu('refresh');

注意，由于 jQuery Mobile 会对 DOM 结构进行重写和重新渲染，因此我们在添加或修改选项后需要调用 selectmenu('refresh') 方法以更新下拉菜单。

示例 - 修改选项

假设我们要将选项 2 的文本改为 "新选项 2"，可以使用以下代码：

$("#mySelect option[value='2']").text("新选项 2").selectmenu('refresh');

同样地，我们需要在修改选项后调用 selectmenu('refresh') 方法以更新下拉菜单。

总结

通过使用 jQuery Mobile Selectmenu option() 方法，我们可以在代码中动态地添加和修改下拉菜单的选项。需要注意的是，在添加或修改选项后，我们需要调用 selectmenu('refresh') 方法以更新下拉菜单。