JQuery का उपयोग करके फ़ील्ड को कैसे हटाएं?

मुझे प्रत्येक लूप php-codeigniter का उपयोग करके एक टेबल से रिकॉर्ड लाना है

और मेरा विचार नीचे संलग्न तस्वीर जैसा दिखता है। यहां छवि विवरण दर्ज करें

जब मैं बटन को हटाने के लिए क्लिक करता हूं तो संबंधित इनपुट पंक्ति फ़ील्ड को हटा दें? हम jQuery का उपयोग कैसे करते हैं?

वर्तमान में मैंने सभी इनपुट्स को हटाने के बजाय रिमूव बटन पर क्लिक किया है,

$(document).on('click', '.RemoveBtn', function() {
    $(this).closest('div').remove();
});

और यह मेरा विचार है

<div class="col-md-7">
<?php
if (!empty($marks)) {
foreach ($marks as $key => $value) {
?>
<input name="mytext1[]" placeholder="Marks1" required="" value="<?php echo $value->marks1 ?>"
class="right" type="number"/>
<input name="mytext2[]" placeholder="Marks2" required="" value="<?php echo $value->marks2 ?>"
class="right" type="number"/>
<input name="mytext3[]" placeholder="Marks3" required="" value="<?php echo $value->marks3 ?>"
class="right" type="number"/>
<span class="text-left"></span>
<input type="button" value="Remove" class='RemoveBtn'/>
<?php
}
}
?>
</div>
1
pranay 17 अप्रैल 2018, 14:27

2 जवाब

सबसे बढ़िया उत्तर

आपको इसे एक ही div में लपेटने की जरूरत है।

<div class="col-md-7">
<?php
if (!empty($marks)) {
foreach ($marks as $key => $value) {
?>
<div class="mainDiv">
<input name="mytext1[]" placeholder="Marks1" required="" value="<?php echo $value->marks1 ?>"
class="right" type="number"/>
<input name="mytext2[]" placeholder="Marks2" required="" value="<?php echo $value->marks2 ?>"
class="right" type="number"/>
<input name="mytext3[]" placeholder="Marks3" required="" value="<?php echo $value->marks3 ?>"
class="right" type="number"/>
<span class="text-left"></span>
<input type="button" value="Remove" class='RemoveBtn'/>
</div>
<?php
}
}
?>
</div>

जे एस

$(document).ready(function(){
$(document).on('click', '.RemoveBtn', function() {
    $(this).parent('.mainDiv').remove();
});
});
1
Smit Raval 17 अप्रैल 2018, 14:31

क्या करना है, उस बटन से अजाक्स कॉल को हिट करने की आवश्यकता है। पसंद :

 $('.button').on('click',function(){
   $.get('your url',{id:$(this).data('id')});
 })

प्रत्येक बटन के साथ प्राथमिक आईडी रखें। (तदनुसार लॉगिन करें)। PHP तर्क को लागू करें, और तदनुसार इसे प्राप्त करें। कृपया सुरक्षा मुद्दों से अवगत रहें, ऐसा करना अत्यधिक असुरक्षित है।

0
CW User 17 अप्रैल 2018, 14:34