How to get the attribute id from JQuery AJAX generated HTML data? JavaScript

Question

Is it possible to get the attribute id from JQuery AJAX generated HTML data?

I have these in my index.php

 <script>
 $(document).ready(function () {

 function viewRooms()  
 {  
    $.ajax({  
    url:"rooms.php",
    method:"POST",  
    success:function(data){  
        $('#rooms').html(data); 
    }  
});  
}  
viewRooms();

 $('#save').click(function()
 {
    var room_number = $('#room_number').val();
    var room_type = $('#room_type').val();

        $.ajax({
            url: "save.php",
            method: "POST",
            data: 'room_number='+room_number+'&room_type='+room_type,
                success: function(data)
        });
 }); 
 });
 </script>

 <div id="rooms"></div>

and inside rooms.php

 <input type="text" id="room_number" />
 <input type="text" id="room_type" />
 <button id="save" > </button>

The function save button doesn't work from index.php. also with the id attributed to it.

Please help me if it is possible to do that? Thank's a lot.

Put your click listener into your document ready function and after the ajax call succeded — kevinSpaceyIsKeyserSöze
– kevinSpaceyIsKeyserSöze, Commented Oct 3, 2018 at 6:44

CodeThing · Accepted Answer · 2018-10-03 06:52:11Z

1

Wrap save click handler call in a function something like this.

function saveClick() {
$('#save').click(function()
 {
    var room_number = $('#room_number').val();
    var room_type = $('#room_type').val();

        $.ajax({
            url: "save.php",
            method: "POST",
            data: 'room_number='+room_number+'&room_type='+room_type,
                success: function(data)
        });
 });
}

and call this function in ajax success.

answered Oct 3, 2018 at 6:52

CodeThing

2,7992 gold badges17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get the attribute id from JQuery AJAX generated HTML data? JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related