Question

我有输入和选择标签的动态表格。我的动态表单的结构是

<form id=element_form>
   <fieldset>
      <input></input>
      <select>
        <option></option>
      </select>
   </fieldset>

   <fieldset>
     <input></input>
      <select>
        <option></option>
      </select>
  </fieldset>

</form>

我正在使用$('#element_form').trigger("reset");，而add data的形式也可以。但在更新表单中的数据时不起作用。

所以我尝试使用：$('#element_form fieldset input').val('')进行重置，虽然可以输入，但删除了选择标签的第一个选项。我需要一些下拉菜单才能重置。

Answer 1

尝试下面的代码。

$('#element_form fieldset input').val(''); // this will reset the input elements
var selectDropdowns = $('#element_form fieldset select');
$.each(selectDropdowns, function(key, eachElement) {
    if ($(eachElement).val() == "" ) {
      $(eachElement).prop('selectedIndex',0); // will reset to first index of select
    }
});

如何重置所有输入并选择JavaScript中除选定选项之外的其他字段？

1 个答案: