Question

您好我有一个简单的表单，可以将数据发送到<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>。

我的问题是如何在提交表单后清除选择选项？

我有一个jQuery脚本可以清除select并恢复其默认值，但问题是默认值是我process.php文件中传递的值而不是所选值。

这是我的jQuery代码和我的表单：

process.php

jQuery(document).ready(function() {

  jQuery('#custom-submit-input').click(function(){
              jQuery('#form-option').prop('selectedIndex',0);
            });

});

Answer 1

您可以使用

jQuery('#form-option').val('');  // sets the value of the select to the first option with a value of ''

或者

jQuery('#form-option').get(0).selectedIndex = 0;   // sets the value of the select back to the first option

Answer 2

您可以使用 .reset（）功能。

jQuery(document).ready(function() {

  jQuery('#custom-submit-input').click(function(){
              jQuery('#form-option').reset();
            });

});

如何在提交后清除jQuery中的选项

2 个答案: