Form gönderildikten sonra görünmez içeriği geçmeyin (seri hale getirin) [çoğalt]

Question 1

Kullanıcı etkileşimi nedeniyle görünmeyen (Jquery'yi Değiştir) birden çok div içeren bir formum var. Formu gönderdikten sonra yalnızca görünür (kullanıcı tarafından doldurulmuş) öğeleri kaydetmek istiyorum. Ben çalışmak için alınamıyor. Şimdiden teşekkürler!

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform').serialize());
    });
});
</script>
</head>
<body>

<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

</body>
</html>

Question 2

Kodunuzda küçük bir değişiklik bunu mümkün kılar:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Kinglish · Answer 1 · 2021-11-23T20:20:39

Kodunuzda küçük bir değişiklik bunu mümkün kılar:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Belki de sorunuzu yanlış anladım. Sadece görünür alanlar göndermek istediğini sanıyordum. Ya da (gizli ya da değil-gizli) değerleri ile sadece yazı alanlar demek istedin?
Hayır, sana değil, yanlış anlaşılmış. Bu ek bir soru. Görünür alanları nasıl yayınlayabilirim, ancak gizli alanları nasıl yayınlayabilirim.
Başlangıçta tüm alanları görünür veya görünür olmayan biçimde gönderme şekliniz. #form :visible yalnızca görünür olan form öğelerini bulur. Ayrıca şöyle bir şey yapabilirsiniz #form :not(:empty) sadece değerleri olan girdilerden veri göndermek istiyorsanız (boş girdileri göz ardı ederek)...

Form gönderildikten sonra görünmez içeriği geçmeyin (seri hale getirin) [çoğalt]

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride