jQuery Mobile 设置select和滑动开关默认值
在jQuery Mobile中，我们经常需要设置select和滑动开关的默认值。这样可以提高用户体验，让用户在页面加载时就能看到预设的数值或状态。下面我们将介绍如何使用jQuery Mobile来设置select和滑动开关的默认值。
设置select的默认值
要设置select的默认值，我们可以通过设置select元素的selected属性来实现。首先，我们需要为select元素添加一个id，然后在页面加载完成后使用jQuery来设置默认选项。
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
$(document).on('pagecreate', function() {
$('#mySelect').val('2').selectmenu('refresh');
});
</script>
在上面的代码中，我们为select元素添加了一个id为mySelect，然后在页面加载完成后，使用jQuery将选项值设置为2，并调用selectmenu('refresh')方法来刷新select菜单。
设置滑动开关的默认值
要设置滑动开关的默认值，我们可以通过设置input元素的checked属性来实现。同样地，我们需要为input元素添加一个id，然后在页面加载完成后使用jQuery来设置默认状态。
<label for="mySwitch">Switch:</label>
<input type="checkbox" id="mySwitch">
<script>
$(document).on('pagecreate', function() {
$('#mySwitch').prop('checked', true).flipswitch('refresh');
});
</script>
在上面的代码中，我们为input元素添加了一个id为mySwitch，然后在页面加载完成后，使用jQuery将滑动开关设置为选中状态，并调用flipswitch('refresh')方法来刷新滑动开关。
类图
下面是一个简单的类图，展示了select和滑动开关的相关类：
classDiagram
class Select {
+ id
+ selected
+ refresh()
}
class Switch {
+ id
+ checked
+ refresh()
}
在类图中，我们定义了一个Select类和一个Switch类，分别表示select和滑动开关的实体。这些类包含了id、选项值或状态以及刷新方法。
通过以上方法，我们可以轻松地设置select和滑动开关的默认值，提升用户体验。希望这篇文章能帮助到你在jQuery Mobile开发中设置默认值时更加方便地实现目标。
