html गतिशील तालिकाओं पर JQuery Delete Row




0 Answers

jquery html html-table dynamic-tables

मैं एक पंजीकरण पृष्ठ बना रहा हूँ जहां उपयोगकर्ता कई अन्य लोगों को पंजीकरण कर सकता है। मैंने इसे इतना बना दिया है कि तालिका केवल दिखाती है कि उपयोगकर्ता एक निश्चित विकल्प का चयन करता है। मैंने जोड़ बटन भी जोड़ लिया है और वह पंक्तियाँ पूरी तरह से ठीक जोड़ती हैं I समस्या तब होती है जब मैं हटाने के बटन सब कुछ टूटने के लिए फ़ंक्शन जोड़ता हूं। यहां मेरा एचटीएमएल है:

<div id="add_table" style="display:none;" >
    <button type="button" id="AddLine">Add Line</button>
    <table border="1px" id="table">
        <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Phone</td>
            <td>Email</td>
            <td>Ethnicity</td>
        </tr>
        <tr>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><button type="button">delete</button></td>
        </tr>
    </table></div>

और यहाँ मेरा jquery कोड है:

$(document).ready(function(e) { 
    $("input[name= 'Reg_num_r']").change( function () {
        if($(this).val()==1) {
            $("#add_table").hide();
        } else {
            $("#add_table").show();
        }
    });

    /*$("#table").on("click", "button", function() {
       $(this).closest("tr").remove(); 
    });​*/

    $("#AddLine").click(function () {
        var row = "<tr><td><input type=text /></td><td><input type=text /></td><td><input type=text /></td><td>                   <input type=text /></td><td><input type=text /></td><td><button type=button>delete</button></td></tr>";
        $("#table").append(row);
    });
});

अब जब मैं ऊपर टिप्पणी की गई कोड को रद्द कर देता हूं, तो सब कुछ बंद हो जाता है। तालिका सिर्फ तब तक दिखाई नहीं देता, भले ही उपयोगकर्ता सही विकल्प का चयन करें। मुझे इसे ठीक कैसे करना चाहिए ताकि वह ठीक ढंग से हटाए गए पंक्ति कार्रवाई को निष्पादित कर सके?




Related