使用脚本重置子值

Question

我尝试重置 testId 的子级，但它不起作用。

<div id="testId">
 <input type="text" />
 <div>
 <input type="text" />
 </div>
 <select>
 <option>1</option><option>2</option>
 </select>
 </div>
<button onclick="myFunction()">reset</button>

我测试的全部：

$("#testId input").each(function() {      this.value = "";  })

$(document).ready(function() {  $('#testId').find('input:text').val('');});

document.getElementById('testId').reset()

 $('#testId')[0].reset();

$('#testId :input').val('');

$('#testId').trigger("reset");

$("#testId").get().reset();

Answer 1

reset()是form元素的方法，只需将div改为form

即可

<form id="testId">
 <input type="text" />
 <div>
 <input type="text" />
 </div>
 <select>
 <option>1</option><option>2</option>
 </select>
 </form>
<button onclick="testId.reset()">reset</button>

或手动重置元素

function resetDiv() {
  $('#testId input').val('');
  $('#testId select').val(1);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="testId">
 <input type="text" />
 <div>
 <input type="text" />
 </div>
 <select>
 <option>1</option><option>2</option>
 </select>
 </div>
<button onclick="resetDiv()">reset</button>

使用脚本重置子值

Reset children value with script

javascript

html

jquery

input

reset