首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery移动restting表单元素

jQuery移动restting表单元素
EN

Stack Overflow用户
提问于 2012-07-17 21:34:03
回答 1查看 310关注 0票数 0

我正在使用jQuery手机(1.1.1版)创建一个智能手机应用程序,但我希望有一个“重置”按钮来清除控制该应用程序的表单。例如。

代码语言:javascript
运行
复制
<label for="list1">Select an option</label>
<select id="list1" name="list1" data-native-menu="false" multiple>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
</select>

我没有将上面的标记与

代码语言:javascript
运行
复制
<form method="" action=""> ... </form> 

(这可能是JQM所期望的),因为我希望在客户端完成所有处理,而不是将内容发送到服务器。我可以使用一些普通的jQuery来读取所选的选项,例如:

代码语言:javascript
运行
复制
var vals = [];
$('select option:checked').each(function() {vals.push($(this).attr('value'));});

但是如果我点击一个“重置”按钮,我不知道如何重置/清除上面所有的选项。我试过了:

代码语言:javascript
运行
复制
$('select option').attr('checked', 'unchecked');

但这不管用。有没有人知道JQM是如何存储已选择的选项以及如何重置这些选项的?

谢谢,斯图

EN

回答 1

Stack Overflow用户

发布于 2012-08-08 20:07:51

我使用的是:

代码语言:javascript
运行
复制
$('.ui-select a').find('.ui-btn-text').text('placeholder text')

$('.ui-selectmenu ul li[aria-selected="true"]')
    .attr('aria-selected', 'false')
    .removeClass('ui-btn-active');

也许这会对你有所帮助。

编辑:

我还找到了其他的解决方案:

代码语言:javascript
运行
复制
    $('select option').removeAttr('selected');
    $('select').selectmenu('refresh', true);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11523659

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档