Vēlos izdzēst visus ievades un teksta laukus veidlapā. Izmantojot ievades pogu ar reset
klasi, tas darbojas šādi:
$(".reset").bind("click", function() {
$("input[type=text], textarea").val("");
});
Tādējādi tiks izdzēsti visi lauki lapā, ne tikai tie, kas atrodas veidlapā. Kā izskatās mans selektors tikai tai veidlapai, kurā atrodas faktiskā atiestatīšanas poga?
Pro jQuery 1.6+:
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.prop('checked', false)
.prop('selected', false);
For jQuery < 1.6:
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
Lūdzu, skatiet šo ziņu: https://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery.
Vai
$('#myform')[0].reset();
Kā jQuery iesaka:
Lai iegūtu un mainītu DOM īpašības, piemēram, veidlapas elementu
pārbaudīts
,izvēlēts
vaiizslēgts
stāvokli, izmantojiet .prop() metodi.
Kāpēc tas vispār ir jādara, izmantojot JavaScript?
<form>
<!-- snip -->
<input type="reset" value="Reset"/>
</form>
http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords
Mēģināju, ka viens no pirmajiem, tas nebūs'not notīrīt laukus ar noklusējuma vērtībām.
Šeit ir veids, kā to izdarīt ar jQuery, tad:
$('.reset').on('click', function() {
$(this).closest('form').find('input[type=text], textarea').val('');
});