नहीं पारित अदृश्य सामग्री के बाद फार्म जमा करें (serialize) [नकल]

0

सवाल

मैं एक फार्म के साथ कई divs है कि दिखाई नहीं कर रहे हैं (jQuery के टॉगल) क्योंकि उपयोगकर्ता बातचीत की. फार्म जमा करने के बाद मैं करने के लिए बचाने के लिए केवल दृश्यमान (भरा उपयोगकर्ता द्वारा) तत्वों. इसे प्राप्त नहीं कर सकते करने के लिए काम करते हैं. अग्रिम में धन्यवाद!

<!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>
forms html javascript jquery
2021-11-23 20:08:53
1

सबसे अच्छा जवाब

2

एक छोटी सी tweak करने के लिए अपने कोड यह संभव बनाता है:

$('#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>

2021-11-23 20:20:39

और क्या अगर मैं पोस्ट करने के लिए छिपा क्षेत्र?
user1725719

शायद मैं गलत समझा अपने प्रश्न. मैंने सोचा था कि आप केवल पोस्ट करने के लिए चाहता दिखाई क्षेत्रों. या क्या आप का मतलब केवल पोस्ट के साथ खेतों मूल्यों (छिपा हुआ या नहीं-छिपे)?
Kinglish

नहीं, तुम नहीं किया था गलत समझा है । यह एक अतिरिक्त सवाल है । कैसे कर सकते हैं मैं पोस्ट दिखाई क्षेत्रों, लेकिन पोस्ट करते हैं छिपा क्षेत्रों.
user1725719

जिस तरह से आप यह था शुरू में प्रकाशित किया गया था सभी क्षेत्रों के रूप में दिखाई दे या गैर दिखाई दे रहा है । #form :visible केवल पाता फार्म तत्वों दिखाई दे रहे हैं जो. आप यह भी सकता है ऐसा कुछ #form :not(:empty) यदि आप करने के लिए चाहता था के बाद से डेटा आदानों था कि मूल्यों में उन्हें (की अनदेखी खाली आदानों)...
Kinglish

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में