如何使用jquery重置表单中的多个选择框？

20 浏览
0 Comments

如何使用jquery重置表单中的多个选择框？

如何使用jquery重置表单中的多个选择框？

  • 有多个选择框
  • 它们是动态生成的，我们不知道它们会是什么
  • 某些选择框的选项标记为选中状态
  • 示例： http://jsfiddle.net/Qnq82/

目前我有这样一个代码，可以重置除了选择框以外的所有内容。

$('button#reset').click(function(){
    $form = $('button#reset').closest('form');
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
    $form.find('select').selectedIndex = 0;
  });

添加了一些标记：

0

3 答案

0 Comments

如何使用jquery重置表单中的多选框？

问题的原因：

我在StackOverflow上进行了很多尝试和搜索，但没有找到任何解决多选框重置的方法。然后我找到了这个链接。这解决了我的问题。

解决方法：

下面是代码示例。

$("#yourcontrolid").multiselect('clearSelection');

0
0 Comments

问题出现的原因：

在表单中，有多个下拉选择框（select boxes），需要重置这些选择框的选项。使用上述代码可以成功地将所有下拉选择框的选中索引（selectedIndex）设置为-1，即取消选择。

解决方法：

使用jQuery的prop()方法，结合选择器和属性值，可以对指定的元素进行操作。在此代码中，使用选择器$("#form1").find('select')选中所有的下拉选择框，然后通过调用prop()方法将它们的选中索引设置为-1。

完整代码如下：

$("#form1").find('select').prop('selectedIndex', -1);

0
0 Comments

问题出现的原因：

在一个表单中，有多个下拉选择框（select boxes），需要重置这些选择框的选项。

解决方法：

使用jQuery来重置多个选择框的选项。

具体代码如下：

$form.find('select').prop('selectedIndex',0);

0